From 4be849f8a16877d9765a9e55252a6b151c3e5f43 Mon Sep 17 00:00:00 2001 From: vvzvlad Date: Thu, 18 Jun 2026 03:15:21 +0300 Subject: [PATCH] style(ai-chat): reduce chat window corner radius to match design 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. --- .../src/features/ai-chat/components/ai-chat-window.module.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/apps/client/src/features/ai-chat/components/ai-chat-window.module.css b/apps/client/src/features/ai-chat/components/ai-chat-window.module.css index af133b8d..9b660a6a 100644 --- a/apps/client/src/features/ai-chat/components/ai-chat-window.module.css +++ b/apps/client/src/features/ai-chat/components/ai-chat-window.module.css @@ -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);