fix transparent bg in model selection dropdown in new chat session

This commit is contained in:
rishikanthc
2025-08-25 15:28:27 -07:00
parent 1feebceeb6
commit c430ed2ab1
4 changed files with 15 additions and 13 deletions

File diff suppressed because one or more lines are too long

View File

@@ -8,7 +8,7 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Fira+Code:wght@300..700&display=swap" rel="stylesheet">
<script type="module" crossorigin src="/assets/index-C2ObYV9E.js"></script>
<script type="module" crossorigin src="/assets/index-BB1RSOAR.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-Bm6LsAWU.css">
</head>
<body>

View File

@@ -468,10 +468,10 @@ export function ChatInterface({ transcriptionId, activeSessionId, onSessionChang
<div className="space-y-2">
<Label htmlFor="model" className="text-sm font-medium text-foreground">Model</Label>
<Select value={selectedModel} onValueChange={setSelectedModel}>
<SelectTrigger className="w-full">
<SelectTrigger className="w-full bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 text-foreground">
<SelectValue placeholder="Select a model" />
</SelectTrigger>
<SelectContent>
<SelectContent className="bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-700">
{(availableModels || []).map(model => (
<SelectItem key={model} value={model}>{model}</SelectItem>
))}

View File

@@ -124,8 +124,10 @@ export function ChatSessionsSidebar({
<div className="space-y-2">
<Label htmlFor="model">Model</Label>
<Select value={selectedModel} onValueChange={setSelectedModel}>
<SelectTrigger className="w-full"><SelectValue placeholder="Select a model" /></SelectTrigger>
<SelectContent>
<SelectTrigger className="w-full bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 text-foreground">
<SelectValue placeholder="Select a model" />
</SelectTrigger>
<SelectContent className="bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-700">
{(availableModels || []).map(m => <SelectItem key={m} value={m}>{m}</SelectItem>)}
</SelectContent>
</Select>