diff options
Diffstat (limited to 'src/components/pickers/scss')
-rw-r--r-- | src/components/pickers/scss/client-picker.scss | 2 | ||||
-rw-r--r-- | src/components/pickers/scss/item-picker.scss | 59 |
2 files changed, 61 insertions, 0 deletions
diff --git a/src/components/pickers/scss/client-picker.scss b/src/components/pickers/scss/client-picker.scss index e1d3b13..2e59c7b 100644 --- a/src/components/pickers/scss/client-picker.scss +++ b/src/components/pickers/scss/client-picker.scss @@ -28,6 +28,7 @@ justify-content: space-evenly; .options { width: 27rem; + flex-grow: 1; } .billing-address, .shipping-address, @@ -35,6 +36,7 @@ p { margin: 0 } max-width: 24rem; margin: 0 1rem; + flex-grow: 1; } .contact-info { .icon { diff --git a/src/components/pickers/scss/item-picker.scss b/src/components/pickers/scss/item-picker.scss new file mode 100644 index 0000000..b04fb54 --- /dev/null +++ b/src/components/pickers/scss/item-picker.scss @@ -0,0 +1,59 @@ +/* OpenBills-web - Web based libre billing software + * Copyright (C) 2022 Vidhu Kant Sharma <vidhukant@vidhukant.xyz> + + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + + * You should have received a copy of the GNU General Public License + * along with this program. If not, see <https://www.gnu.org/licenses/>. + */ + +@import "picker"; + +.picker-wrapper { + @include picker-wrapper; + @include label; +} + +.item-picker { + display: flex; + justify-content: space-evenly; + .options { + width: 27rem; + flex-grow: 1; + } + .billing-address, + .shipping-address, + .contact-info { + p { margin: 0 } + max-width: 24rem; + margin: 0 1rem; + flex-grow: 1; + } + .contact-info { + .icon { + font-size: 0.9rem; + } + } + .multiline { + white-space: pre-line; + } + + input[type=number], input.narrow { + -moz-appearance: textfield; + width: 7rem; + } + + input::-webkit-outer-spin-button, + input::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; + } +} |