Github/screenshot-to-code
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

clean up settings dialog look

Browse Source
This commit is contained in:
Abi Raja 2024-05-31 13:51:43 -04:00
parent 1f9c5b2c80
commit 8e579e425e
1 changed files with 44 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/components/SettingsDialog.tsx
View File

@ -49,7 +49,7 @@ function SettingsDialog({ settings, setSettings }: Props) {
<div className="flex items-center space-x-2"> <div className="flex items-center space-x-2">
<Label htmlFor="image-generation"> <Label htmlFor="image-generation">
<div>DALL-E Placeholder Image Generation</div> <div>DALL-E Placeholder Image Generation</div>
<div className="font-light mt-2"> <div className="font-light mt-2 text-xs">
More fun with it but if you want to save money, turn it off. More fun with it but if you want to save money, turn it off.
</div> </div>
</Label> </Label>
@ -64,10 +64,11 @@ function SettingsDialog({ settings, setSettings }: Props) {
} }
/> />
</div> </div>
<div className="flex flex-col space-y-4"> <div className="flex flex-col space-y-6">
<div>
<Label htmlFor="openai-api-key"> <Label htmlFor="openai-api-key">
<div>OpenAI API key</div> <div>OpenAI API key</div>
<div className="font-light mt-2 leading-relaxed"> <div className="font-light mt-1 mb-2 text-xs leading-relaxed">
Only stored in your browser. Never stored on servers. Overrides Only stored in your browser. Never stored on servers. Overrides
your .env config. your .env config.
</div> </div>
@ -84,9 +85,10 @@ function SettingsDialog({ settings, setSettings }: Props) {
})) }))
} }
/> />
</div>
{!IS_RUNNING_ON_CLOUD && ( {!IS_RUNNING_ON_CLOUD && (
<> <div>
<Label htmlFor="openai-api-key"> <Label htmlFor="openai-api-key">
<div>OpenAI Base URL (optional)</div> <div>OpenAI Base URL (optional)</div>
<div className="font-light mt-2 leading-relaxed"> <div className="font-light mt-2 leading-relaxed">
@ -105,12 +107,13 @@ function SettingsDialog({ settings, setSettings }: Props) {
})) }))
} }
/> />
</> </div>
)} )}
<div>
<Label htmlFor="anthropic-api-key"> <Label htmlFor="anthropic-api-key">
<div>Anthropic API key</div> <div>Anthropic API key</div>
<div className="font-light mt-2 leading-relaxed"> <div className="font-light mt-1 text-xs leading-relaxed">
Only stored in your browser. Never stored on servers. Overrides Only stored in your browser. Never stored on servers. Overrides
your .env config. your .env config.
</div> </div>
@ -127,6 +130,7 @@ function SettingsDialog({ settings, setSettings }: Props) {
})) }))
} }
/> />
</div>
<Accordion type="single" collapsible className="w-full"> <Accordion type="single" collapsible className="w-full">
<AccordionItem value="item-1"> <AccordionItem value="item-1">