fix(web): use compact icon button sizes
Quentin Gliech
and
Claude Opus 4.6 (1M context)
created
Theme toggle: icon → icon-sm (32px instead of 36px).
FileViewer copy button: icon with size-7 override → icon-xs (24px).
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Change summary
webui2/src/components/code/file-viewer.tsx | 3 +--
webui2/src/components/layout/header.tsx | 2 +-
2 files changed, 2 insertions(+), 3 deletions(-)
Detailed changes
@@ -245,8 +245,7 @@ export function FileViewer({ blob }: FileViewerProps) {
</span>
<Button
variant="ghost"
- size="icon"
- className="size-7"
+ size="icon-xs"
onClick={copyToClipboard}
title="Copy"
>
@@ -59,7 +59,7 @@ export function Header() {
<div className="ml-auto flex items-center gap-2">
{mode === "readonly" && <span className="text-muted-foreground text-xs">Read only</span>}
- <Button variant="ghost" size="icon" onClick={toggle} title="Toggle theme">
+ <Button variant="ghost" size="icon-sm" onClick={toggle} title="Toggle theme">
{theme === "light" ? <Moon className="size-4" /> : <Sun className="size-4" />}
</Button>