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

style(ai-chat): reduce chat window corner radius to match design

Browse Source 
The floating AI chat window used a hard-coded border-radius of 14px,
larger than any other element and out of line with the rest of the UI.
Switch to the Mantine md radius token (8px) so the window corners blend
with the inner cards and message bubbles.
This commit is contained in:
vvzvlad
2026-06-18 03:15:21 +03:00
parent 80c900eb54
commit 4be849f8a1
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/client/src/features/ai-chat/components/ai-chat-window.module.css
View File

@@ -12,7 +12,9 @@
z-index: 105;
background: light-dark(#fff, var(--mantine-color-dark-7));
border: 1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
border-radius: 14px;
/* Match the rest of the UI: use the Mantine md radius token instead of an
oversized hard-coded value so the window corners blend with inner cards. */
border-radius: var(--mantine-radius-md);
box-shadow:
0 10px 24px rgba(0, 0, 0, 0.13),
0 30px 64px rgba(0, 0, 0, 0.17);