add dark mode in BaseSelectInput (#1186)

This commit is contained in:
Yash Kanakiya
2023-03-28 16:29:58 +05:30
committed by GitHub
parent ce88c772d1
commit 13557ea075

View File

@ -12,7 +12,7 @@
> >
<ListboxLabel <ListboxLabel
v-if="label" v-if="label"
class="block text-sm not-italic font-medium text-gray-800 mb-0.5" class="block text-sm not-italic font-medium text-gray-800 mb-0.5 dark:text-white"
> >
{{ label }} {{ label }}
</ListboxLabel> </ListboxLabel>
@ -28,6 +28,7 @@
pr-10 pr-10
text-left text-left
bg-white bg-white
dark:bg-gray-700
border border-gray-200 border border-gray-200
rounded-md rounded-md
shadow-sm shadow-sm
@ -89,6 +90,7 @@
ring-1 ring-black ring-opacity-5 ring-1 ring-black ring-opacity-5
focus:outline-none focus:outline-none
sm:text-sm sm:text-sm
dark:bg-gray-700
" "
> >
<ListboxOption <ListboxOption
@ -100,7 +102,7 @@
> >
<li <li
:class="[ :class="[
active ? 'text-white bg-primary-600' : 'text-gray-900', active ? 'text-white bg-primary-600' : 'text-gray-900 dark:text-white',
'cursor-default select-none relative py-2 pl-3 pr-9', 'cursor-default select-none relative py-2 pl-3 pr-9',
]" ]"
> >