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:
parent
6d5d09d69f
commit
0e393b0bec
|
@ -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>
|
||||||
))}
|
))}
|
||||||
|
|
Loading…
Reference in New Issue