diff options
Diffstat (limited to 'src/components/tables/scss')
-rw-r--r-- | src/components/tables/scss/_colors.scss | 16 | ||||
-rw-r--r-- | src/components/tables/scss/brand-table.scss | 37 | ||||
-rw-r--r-- | src/components/tables/scss/client-table.scss | 14 |
3 files changed, 54 insertions, 13 deletions
diff --git a/src/components/tables/scss/_colors.scss b/src/components/tables/scss/_colors.scss index 98634bb..a4a8ba4 100644 --- a/src/components/tables/scss/_colors.scss +++ b/src/components/tables/scss/_colors.scss @@ -27,3 +27,19 @@ $fgColorDisabled: lightgray; $inputBackgroundColor: #00000000; $warningColor: #ed4683; + +@mixin button { + input[type=button] { + padding: 0.2rem 0; + width: 4rem; + background-color: $inputBackgroundColor; + border: 1px solid $primaryAccentColor; + color: $fgColor; + border-radius: 4px; + transition: background-color 0.4s, color 0.4s; + } + input[type=button]:hover { + background-color: $primaryAccentColor; + color: $fgColorAlt; + } +} diff --git a/src/components/tables/scss/brand-table.scss b/src/components/tables/scss/brand-table.scss new file mode 100644 index 0000000..ba994c4 --- /dev/null +++ b/src/components/tables/scss/brand-table.scss @@ -0,0 +1,37 @@ +/* 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 "colors"; + +.brand-table { + display: flex; + flex-direction: column; + align-items: center; + .brand { + display: flex; + min-width: 22rem; + justify-content: space-between; + border-bottom: 1px dashed $primaryAccentColor; + } + .buttons { + display: flex; + justify-content: space-between; + width: 8.5rem; + @include button; + margin: auto 0; + } +} diff --git a/src/components/tables/scss/client-table.scss b/src/components/tables/scss/client-table.scss index 68b7e39..fc8f22c 100644 --- a/src/components/tables/scss/client-table.scss +++ b/src/components/tables/scss/client-table.scss @@ -46,19 +46,7 @@ display: flex; justify-content: space-between; width: 8.7rem; - input { - padding: 0.2rem 0; - width: 4rem; - background-color: $inputBackgroundColor; - border: 1px solid $primaryAccentColor; - color: $fgColor; - border-radius: 4px; - transition: background-color 0.4s, color 0.4s; - } - input:hover { - background-color: $primaryAccentColor; - color: $fgColorAlt; - } + @include button; bottom: 2rem; right: 2rem; margin: auto; |