From 89ac8fa37b4fcf3a21ff83024d39f51d90140451 Mon Sep 17 00:00:00 2001 From: claude_code Date: Mon, 22 Jun 2026 16:01:53 +0300 Subject: [PATCH] style(dictation): match mic button halo radius to button shape MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Update the halo's border-radius from a fixed 50% circle to the theme's default radius variable. This ensures the red pulse follows the button's rounded‑square outline instead of appearing circular. --- .../src/features/dictation/components/mic-button.module.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/apps/client/src/features/dictation/components/mic-button.module.css b/apps/client/src/features/dictation/components/mic-button.module.css index 268335cb..53a3a2aa 100644 --- a/apps/client/src/features/dictation/components/mic-button.module.css +++ b/apps/client/src/features/dictation/components/mic-button.module.css @@ -6,11 +6,13 @@ } /* Translucent red halo that sits behind the stop button and scales with the - live microphone level (scale set inline from audioLevel). */ + live microphone level (scale set inline from audioLevel). Radius follows the + ActionIcon's own radius so the halo matches the button's rounded-square + outline instead of being a circle. */ .pulse { position: absolute; inset: 0; - border-radius: 50%; + border-radius: var(--mantine-radius-default); background-color: var(--mantine-color-red-5); opacity: 0.35; transform-origin: center;