diff --git a/docs/.vitepress/config.js b/docs/.vitepress/config.js index 99745720..9c6ef77f 100644 --- a/docs/.vitepress/config.js +++ b/docs/.vitepress/config.js @@ -35,6 +35,7 @@ export default { { text: 'Text Logo', link: '/components/text-logo' }, { text: 'Slider', link: '/components/slider' }, { text: 'Text Inputs', link: '/components/text-inputs' }, + { text: 'Number Inputs', link: '/components/number-inputs' }, { text: 'Search Filter', link: '/components/search-filter' }, { text: 'Toggle', link: '/components/toggle' }, { text: 'Promotion', link: '/components/promotion' }, diff --git a/docs/components/number-inputs.md b/docs/components/number-inputs.md new file mode 100644 index 00000000..0a063369 --- /dev/null +++ b/docs/components/number-inputs.md @@ -0,0 +1,20 @@ +# Number Inputs + + + + + + +```vue + + + +``` \ No newline at end of file diff --git a/lib/assets/styles/defaults.scss b/lib/assets/styles/defaults.scss index 2a429269..071b2aaf 100644 --- a/lib/assets/styles/defaults.scss +++ b/lib/assets/styles/defaults.scss @@ -52,6 +52,7 @@ a.uncolored { } input[type='text'], +input[type='number'], textarea { border-radius: var(--radius-md); box-sizing: border-box; @@ -91,6 +92,14 @@ textarea { } } +input[type='number'] { + &::-webkit-inner-spin-button, + &::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; + } +} + .iconified-input { align-items: center; display: inline-flex; diff --git a/package.json b/package.json index a00dfbdf..71a96fa5 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "omorphia", "type": "module", - "version": "0.4.5", + "version": "0.4.6", "files": [ "dist" ],