blair.nz / cai
this repo has no description
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

Reduce gap of chat messages stack and shrink copy button size (#7)

### TL;DR

Tightened up the chat UI with minor spacing and sizing adjustments.

### What changed?

- Added `gap="xs"` to the chat messages container so messages have smaller spacing between them.
- Reduced the copy button size from `icon` to `icon-xs` for a more compact appearance.

### How to test?

1. Open a chat conversation and verify that messages are evenly spaced with a small gap between them.
2. Hover over a message and confirm the copy button appears smaller and still functions correctly when clicked.

### Why make this change?

The chat message list had too much spacing between messages, and the copy button was visually oversized relative to the surrounding UI elements. These tweaks improve the overall visual polish and consistency of the chat interface.

authored by

James Blair and committed by
GitHub 45f8b8d9 0a4ab65b

+6 -2
+5 -1
apps/web/src/components/chat-messages.tsx
··· 73 73 }, [messages]); 74 74 75 75 return ( 76 - <Stack ref={containerRef} className="no-scrollbar flex-1 overflow-y-auto"> 76 + <Stack 77 + ref={containerRef} 78 + gap="xs" 79 + className="no-scrollbar flex-1 overflow-y-auto" 80 + > 77 81 {messages.map((message) => ( 78 82 <ChatMessage 79 83 key={message.id}
+1 -1
apps/web/src/components/copy-button.tsx
··· 29 29 return ( 30 30 <Button 31 31 type="button" 32 - size="icon" 32 + size="icon-xs" 33 33 variant="ghost" 34 34 onClick={handleCopy} 35 35 className="text-muted-foreground hover:text-foreground"