fix: update design language

This commit is contained in:
Austin Pickett
2026-04-28 10:57:30 -04:00
parent a9369fc193
commit e5601d1e85
9 changed files with 124 additions and 266 deletions

View File

@@ -345,11 +345,11 @@ export default function ConfigPage() {
</code>
</div>
<div className="flex items-center gap-1.5">
<Button outlined onClick={handleExport} title={t.config.exportConfig} aria-label={t.config.exportConfig} className="!p-2 aspect-square">
<Download className="h-3.5 w-3.5" />
<Button ghost size="icon" onClick={handleExport} title={t.config.exportConfig} aria-label={t.config.exportConfig}>
<Download />
</Button>
<Button outlined onClick={() => fileInputRef.current?.click()} title={t.config.importConfig} aria-label={t.config.importConfig} className="!p-2 aspect-square">
<Upload className="h-3.5 w-3.5" />
<Button ghost size="icon" onClick={() => fileInputRef.current?.click()} title={t.config.importConfig} aria-label={t.config.importConfig}>
<Upload />
</Button>
<input ref={fileInputRef} type="file" accept=".json" className="hidden" onChange={handleImport} />
{!yamlMode && (() => {
@@ -358,8 +358,8 @@ export default function ConfigPage() {
: prettyCategoryName(activeCategory);
const resetTitle = t.config.resetScopeTooltip.replace("{scope}", resetScopeLabel);
return (
<Button outlined onClick={handleReset} title={resetTitle} aria-label={resetTitle} className="!p-2 aspect-square">
<RotateCcw className="h-3.5 w-3.5" />
<Button ghost size="icon" onClick={handleReset} title={resetTitle} aria-label={resetTitle}>
<RotateCcw />
</Button>
);
})()}