defuj/apkt-eis
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update CSS styles for select dropdown

Browse Source
This commit is contained in:
Dede Fuji Abdul
2024-03-04 17:05:58 +07:00
parent cc888d2cec
commit e7fecec6a0
4 changed files with 132 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/assets/css/tailwind.css
View File

@@ -48,6 +48,16 @@
@apply !align-middle text-sm font-medium text-primary-800;
}
.filter-input-label {
@apply block mb-2 text-sm font-semibold text-gray-800 sm:mb-0;
@apply block mb-2 text-xs font-semibold text-gray-800 sm:mb-0;
}
.rich-select-trigger{
@apply bg-gray-200 border-none focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75 focus-visible:ring-offset-2 focus-visible:ring-offset-teal-300 relative flex items-center justify-between w-full focus:z-10 cursor-pointer text-sm transition duration-100 ease-in-out disabled:opacity-50 disabled:cursor-not-allowed px-4 py-3;
}
.rich-select-search-input{
@apply inline-block focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75 focus-visible:ring-offset-2 focus-visible:ring-offset-teal-300 w-full text-sm px-4 py-2.5 text-gray-700 placeholder-gray-500/60 border-0 rounded-lg bg-gray-200;
}
.rich-select-selected-highlighted-option{
@apply font-semibold bg-teal-600 focus:outline-none text-white;
}
}