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 },
checked: { type: Boolean, default: false },
disabled: { type: Boolean, default: false },
size: { type: String, default: 'normal' }
sizeClasses: { type: String, default: 'w-4 h-4' }
},
data: () => ({
internalValue: false
}),
computed: {
sizeClasses () {
if (this.size === 'small') {
return 'w-3 h-3'
}
return 'w-5 h-5'
}
},
watch: {
value (val) {
this.internalValue = val

View File

@ -42,7 +42,7 @@
</button></span>
<!-- Select popover, show/hide based on select state. -->
<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"
>
<ul tabindex="-1" role="listbox" aria-labelled by="listbox-label" aria-activedescendant="listbox-item-3"
@ -101,7 +101,7 @@ export default {
data: Array,
value: { default: null },
inputClass: {type: String, default: null},
dropdownClass: {type: String, default: null},
dropdownClass: {type: String, default: 'w-full'},
label: { type: String, default: null },
dusk: { type: String, default: null },
loading: { type: Boolean, default: false },