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

fix: wrap footer buttons in About section on narrow screens (#3234)

Browse source
This commit is contained in:
Maxim Madan 2025-05-07 00:08:19 +03:00 • committed by GitHub
parent 104f81f4e1
commit 94ae4488f5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 7 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
webview-ui/src/components/settings/About.tsx
View file

@ -58,16 +58,19 @@ export const About = ({ version, telemetrySetting, setTelemetrySetting, classNam
/>
</div>
<div className="flex items-center gap-2 mt-2">
<Button onClick={() => vscode.postMessage({ type: "exportSettings" })}>
<div className="flex flex-wrap items-center gap-2 mt-2">
<Button onClick={() => vscode.postMessage({ type: "exportSettings" })} className="w-28">
<Upload className="p-0.5" />
{t("settings:footer.settings.export")}
</Button>
<Button onClick={() => vscode.postMessage({ type: "importSettings" })}>
<Button onClick={() => vscode.postMessage({ type: "importSettings" })} className="w-28">
<Download className="p-0.5" />
{t("settings:footer.settings.import")}
</Button>
<Button variant="destructive" onClick={() => vscode.postMessage({ type: "resetState" })}>
<Button
variant="destructive"
onClick={() => vscode.postMessage({ type: "resetState" })}
className="w-28">
<TriangleAlert className="p-0.5" />
{t("settings:footer.settings.reset")}
</Button>