fix(SelectCustom): dark mode preset

nuxt · Feb 24, 2022 · 1e6ad72 · 1e6ad72 · vercel · Feb 24, 2022
1 parent 6cfdebb
commit 1e6ad72
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/runtime/components/forms/SelectCustom.vue b/src/runtime/components/forms/SelectCustom.vue
@@ -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 }"

diff --git a/src/runtime/presets/default.ts b/src/runtime/presets/default.ts
@@ -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',