KeyArgo
/
llama-gpt
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/Chat/ModelSelect.tsx
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">
{t('Model')}
</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
className="bg-transparent w-full outline-0 p-2"
className="w-full bg-transparent p-2 outline-0"
placeholder={t('Select a model') || ''}
value={model.id}
onChange={(e) => {
@ -29,7 +29,11 @@ export const ModelSelect: FC<Props> = ({ model, models, onModelChange }) => {
}}
>
{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}
</option>
))}