Fix unreadable dropdown menu text in dark mode (#204)

* Fix unreadable dropdown menu text in dark mode

* Fix unreadable dropdown menu text in dark mode
This commit is contained in:
Mark Anthony Llego 2023-03-27 03:55:47 +08:00 committed by GitHub
parent 6d5d09d69f
commit 0e393b0bec
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 3 deletions

View File

@ -15,9 +15,9 @@ export const ModelSelect: FC<Props> = ({ model, models, onModelChange }) => {
<label className="mb-2 text-left text-neutral-700 dark:text-neutral-400"> <label className="mb-2 text-left text-neutral-700 dark:text-neutral-400">
{t('Model')} {t('Model')}
</label> </label>
<div className="w-full rounded-lg border border-neutral-200 pr-2 bg-transparent text-neutral-900 dark:border-neutral-600 dark:text-white"> <div className="w-full rounded-lg border border-neutral-200 bg-transparent pr-2 text-neutral-900 dark:border-neutral-600 dark:text-white">
<select <select
className="bg-transparent w-full outline-0 p-2" className="w-full bg-transparent p-2 outline-0"
placeholder={t('Select a model') || ''} placeholder={t('Select a model') || ''}
value={model.id} value={model.id}
onChange={(e) => { onChange={(e) => {
@ -29,7 +29,11 @@ export const ModelSelect: FC<Props> = ({ model, models, onModelChange }) => {
}} }}
> >
{models.map((model) => ( {models.map((model) => (
<option key={model.id} value={model.id}> <option
key={model.id}
value={model.id}
className="dark:bg-[#343541] dark:text-white"
>
{model.name} {model.name}
</option> </option>
))} ))}