Skip to content

Commit

Permalink
chore: Update select input styles (#309)
Browse files Browse the repository at this point in the history
The `underlineSelectClasses` in the `useSelectClasses.ts` file has been updated to include a new `dark:text-gray-500` class. This change improves the styling of the select input in dark mode.

Co-authored-by: Oğuzhan Güç <[email protected]>
  • Loading branch information
ogzcode and Oğuzhan Güç authored Aug 1, 2024
1 parent 6f1c1d8 commit 09d8a04
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion src/components/FwbSelect/composables/useSelectClasses.ts
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ const baseLabelClasses = 'block mb-2 text-sm font-medium'
// INPUT
const defaultSelectClasses = 'w-full text-gray-900 bg-gray-50 focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500'
const disabledSelectClasses = 'cursor-not-allowed bg-gray-100'
const underlineSelectClasses = 'bg-transparent dark:bg-transparent border-b-2 border-gray-200 appearance-none dark:border-gray-700 focus:outline-none focus:ring-0 focus:border-gray-200 peer'
const underlineSelectClasses = 'bg-transparent dark:bg-transparent dark:text-gray-500 border-b-2 border-gray-200 dark:border-gray-700 focus:outline-none focus:ring-0 focus:border-gray-200 peer'
const selectSizeClasses: Record<InputSize, string> = {
lg: 'p-4',
md: 'p-2.5 text-sm',
Expand Down

0 comments on commit 09d8a04

Please sign in to comment.