fix(SelectCustom): dark mode preset

This commit is contained in:
Benjamin Canac
2022-02-24 12:53:06 +01:00
parent 6cfdebb564
commit 1e6ad72644
2 changed files with 2 additions and 2 deletions

View File

@@ -18,7 +18,7 @@
</ListboxButton>
<transition leave-active-class="transition ease-in duration-100" leave-from-class="opacity-100" leave-to-class="opacity-0">
<ListboxOptions class="absolute z-10 mt-1 w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 u-ring-gray-200 overflow-auto focus:outline-none sm:text-sm">
<ListboxOptions :class="listBaseClass">
<ListboxOption
v-for="(option, index) in options"
v-slot="{ active, selected, disabled }"

View File

@@ -189,7 +189,7 @@ const selectCustom = {
...select,
base: `${select.base} text-left cursor-default`,
list: {
base: 'absolute z-10 mt-1 w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 u-ring-gray-200 overflow-auto focus:outline-none sm:text-sm',
base: 'absolute z-10 mt-1 w-full u-bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 u-ring-gray-200 overflow-auto focus:outline-none sm:text-sm',
option: {
base: 'cursor-default select-none relative py-2 pl-4 pr-10',
active: 'text-white bg-primary-600',