UI polish

This commit is contained in:
Julien Nahum 2023-09-20 21:06:43 +02:00
parent 615fa5cda2
commit 610aec5eed
2 changed files with 3 additions and 12 deletions

View File

@ -26,22 +26,13 @@ export default {
value: { type: [Boolean, String], default: false }, value: { type: [Boolean, String], default: false },
checked: { type: Boolean, default: false }, checked: { type: Boolean, default: false },
disabled: { type: Boolean, default: false }, disabled: { type: Boolean, default: false },
size: { type: String, default: 'normal' } sizeClasses: { type: String, default: 'w-4 h-4' }
}, },
data: () => ({ data: () => ({
internalValue: false internalValue: false
}), }),
computed: {
sizeClasses () {
if (this.size === 'small') {
return 'w-3 h-3'
}
return 'w-5 h-5'
}
},
watch: { watch: {
value (val) { value (val) {
this.internalValue = val this.internalValue = val

View File

@ -42,7 +42,7 @@
</button></span> </button></span>
<!-- Select popover, show/hide based on select state. --> <!-- Select popover, show/hide based on select state. -->
<div v-show="isOpen" :dusk="dusk+'_dropdown' " <div v-show="isOpen" :dusk="dusk+'_dropdown' "
class="absolute mt-1 w-full rounded-md bg-white dark:bg-notion-dark-light shadow-lg z-10" class="absolute mt-1 rounded-md bg-white dark:bg-notion-dark-light shadow-lg z-10"
:class="dropdownClass" :class="dropdownClass"
> >
<ul tabindex="-1" role="listbox" aria-labelled by="listbox-label" aria-activedescendant="listbox-item-3" <ul tabindex="-1" role="listbox" aria-labelled by="listbox-label" aria-activedescendant="listbox-item-3"
@ -101,7 +101,7 @@ export default {
data: Array, data: Array,
value: { default: null }, value: { default: null },
inputClass: {type: String, default: null}, inputClass: {type: String, default: null},
dropdownClass: {type: String, default: null}, dropdownClass: {type: String, default: 'w-full'},
label: { type: String, default: null }, label: { type: String, default: null },
dusk: { type: String, default: null }, dusk: { type: String, default: null },
loading: { type: Boolean, default: false }, loading: { type: Boolean, default: false },