UI: Improve styling

This commit is contained in:
Nelson Chan 2023-04-05 02:09:36 +08:00
parent fcfe13e52d
commit f8c2909576
2 changed files with 9 additions and 1 deletions

View File

@ -1,6 +1,12 @@
@import "vars.scss"; @import "vars.scss";
@import "node_modules/vue-multiselect/dist/vue-multiselect"; @import "node_modules/vue-multiselect/dist/vue-multiselect";
.multiselect {
.dark & {
color: $dark-font-color;
}
}
.multiselect__tags { .multiselect__tags {
border-radius: 1.5rem; border-radius: 1.5rem;
border: 1px solid #ced4da; border: 1px solid #ced4da;
@ -14,10 +20,12 @@
.multiselect__option--highlight { .multiselect__option--highlight {
background: $primary !important; background: $primary !important;
color: $dark-font-color2 !important;
} }
.multiselect__option--highlight::after { .multiselect__option--highlight::after {
background: $primary !important; background: $primary !important;
color: $dark-font-color2 !important;
} }
.multiselect__tag { .multiselect__tag {

View File

@ -6,7 +6,7 @@
'm-2': size == 'normal', 'm-2': size == 'normal',
'px-2': size == 'sm', 'px-2': size == 'sm',
'py-0': size == 'sm', 'py-0': size == 'sm',
'm-1': size == 'sm', 'mx-1': size == 'sm',
}" }"
:style="{ backgroundColor: item.color, fontSize: size == 'sm' ? '0.7em' : '1em' }" :style="{ backgroundColor: item.color, fontSize: size == 'sm' ? '0.7em' : '1em' }"
> >