vvzvlad/gitmost
1
0
Fork 0
Code Issues 14 Pull Requests 12 Packages Projects Releases Activity

style(ai-chat): widen role cards to fill the chat window

Browse Source 
Role cards in the new-chat empty state were capped at max-width 200px and
never grew, leaving large side gaps in a wide window. Make the cards flex
to fill each row (flex: 1 1 240px) and raise min/max width so they get
wider and use the available window width while still wrapping to ~2 columns
at the default window size.
This commit is contained in:
claude_code
2026-06-21 20:51:44 +03:00
parent 7171dfbdf0
commit 59c2913d72
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/client/src/features/ai-chat/components/role-cards.module.css
View File

@@ -24,8 +24,12 @@
align-items: center;
justify-content: center;
gap: 4px;
min-width: 140px;
max-width: 200px;
/* Grow to fill the row so cards use the available window width instead of
leaving large side gaps; the flex-basis sets how many fit per row before
wrapping (≈2 columns at the default window width, more as it widens). */
flex: 1 1 240px;
min-width: 200px;
max-width: 360px;
min-height: 90px;
padding: 12px 10px;
border-radius: var(--mantine-radius-md);