UI: Improve styling
This commit is contained in:
parent
fcfe13e52d
commit
f8c2909576
|
@ -1,6 +1,12 @@
|
|||
@import "vars.scss";
|
||||
@import "node_modules/vue-multiselect/dist/vue-multiselect";
|
||||
|
||||
.multiselect {
|
||||
.dark & {
|
||||
color: $dark-font-color;
|
||||
}
|
||||
}
|
||||
|
||||
.multiselect__tags {
|
||||
border-radius: 1.5rem;
|
||||
border: 1px solid #ced4da;
|
||||
|
@ -14,10 +20,12 @@
|
|||
|
||||
.multiselect__option--highlight {
|
||||
background: $primary !important;
|
||||
color: $dark-font-color2 !important;
|
||||
}
|
||||
|
||||
.multiselect__option--highlight::after {
|
||||
background: $primary !important;
|
||||
color: $dark-font-color2 !important;
|
||||
}
|
||||
|
||||
.multiselect__tag {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
'm-2': size == 'normal',
|
||||
'px-2': size == 'sm',
|
||||
'py-0': size == 'sm',
|
||||
'm-1': size == 'sm',
|
||||
'mx-1': size == 'sm',
|
||||
}"
|
||||
:style="{ backgroundColor: item.color, fontSize: size == 'sm' ? '0.7em' : '1em' }"
|
||||
>
|
||||
|
|
Loading…
Reference in New Issue