opensource/coder
3
0
Fork 0
mirror of https://github.com/coder/coder.git synced 2026-09-24 15:04:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(site): center image attachment icon in chat input button (#22725)

Browse Source 
The Button base styles apply `[&>svg]:p-0.5` (2px padding) to child
SVGs. In the small `size-7` rounded attach button, this extra padding
shifts the 16x16 ImageIcon off-center. Override with `[&>svg]:p-0` to
remove it.
This commit is contained in:
Mathias Fredriksson
2026-03-06 22:30:40 +02:00
committed by GitHub
parent 5712faaa2c
commit 09aa7b1887
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/pages/AgentsPage/AgentChatInput.tsx
+2 -2
View File
@@ -639,7 +639,7 @@ export const AgentChatInput = memo<AgentChatInputProps>(
type="button"
variant="outline"
size="icon"
className="size-7 shrink-0 rounded-full"
className="size-7 shrink-0 rounded-full [&>svg]:p-0"
onClick={() => fileInputRef.current?.click()}
disabled={isDisabled}
aria-label="Attach files"
@@ -652,7 +652,7 @@ export const AgentChatInput = memo<AgentChatInputProps>(
<Button
size="icon"
variant="default"
className="size-7 rounded-full transition-colors"
className="size-7 rounded-full transition-colors [&>svg]:p-0"
onClick={onInterrupt}
disabled={isInterruptPending}
>