scriptoriumadmin/Roo-Code
1
0
Fork 0
mirror of https://github.com/RooVetGit/Roo-Code.git synced 2026-08-28 05:27:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

UI: Auto-approve toggle styling tweak. (#2769)

Browse source
This commit is contained in:
Sacha Sayan 2025-04-18 16:43:03 -04:00 • committed by GitHub
parent 5abea50cf1
commit 0bb5ec18c5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 15 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
webview-ui/src/components/settings/AutoApproveToggle.tsx
View file

@ -95,27 +95,23 @@ export const AutoApproveToggle = ({ onToggle, ...props }: AutoApproveToggleProps
return (
<div
className={cn(
"grid grid-cols-2",
"[@media(min-width:260px)]:grid-cols-3",
"[@media(min-width:320px)]:grid-cols-4",
"[@media(min-width:480px)]:grid-cols-6",
"[@media(min-width:640px)]:grid-cols-8",
"gap-2",
"flex flex-row flex-wrap justify-center gap-2 max-w-[400px] mx-auto my-2 ",
"[@media(min-width:600px)]:gap-4",
"[@media(min-width:800px)]:max-w-[800px]",
)}>
{Object.values(autoApproveSettingsConfig).map(({ key, descriptionKey, labelKey, icon, testId }) => (
<div key={key} className="aspect-square">
<Button
variant="secondary"
onClick={() => onToggle(key, !props[key])}
title={t(descriptionKey || "")}
data-testid={testId}
className={cn("w-full h-full", { "opacity-50": !props[key] })}>
<span className="flex flex-col items-center gap-1">
<span className={`codicon codicon-${icon}`} />
<span className="text-sm text-center">{t(labelKey)}</span>
</span>
</Button>
</div>
<Button
key={key}
variant={props[key] ? "default" : "outline"}
onClick={() => onToggle(key, !props[key])}
title={t(descriptionKey || "")}
data-testid={testId}
className={cn(" aspect-square h-[80px]")}>
<span className={cn("flex flex-col items-center gap-1")}>
<span className={`codicon codicon-${icon}`} />
<span className="text-sm text-center">{t(labelKey)}</span>
</span>
</Button>
))}
</div>
)