From 90df22efafae73aadfee2d41ed8fed222b1d489f Mon Sep 17 00:00:00 2001 From: webadderall <131426131+webadderall@users.noreply.github.com> Date: Mon, 24 Aug 2026 18:05:16 +1000 Subject: [PATCH 1/3] better stop recording button visual tweak --- src/components/launch/LaunchWindow.module.css | 9 ++++++-- src/components/launch/RecordingControls.tsx | 21 ++++++++++++------- 2 files changed, 20 insertions(+), 10 deletions(-) diff --git a/src/components/launch/LaunchWindow.module.css b/src/components/launch/LaunchWindow.module.css index 3638e7563..196f86ec6 100644 --- a/src/components/launch/LaunchWindow.module.css +++ b/src/components/launch/LaunchWindow.module.css @@ -95,8 +95,6 @@ color: #4eeeb0; } - - .menuCard { width: 300px; max-height: 400px; @@ -252,6 +250,13 @@ transition: all 0.2s ease; } +.stopSquare { + width: 15px; + height: 15px; + border-radius: 3px; + background: #fff; +} + .recDotBlink { animation: blink 1.2s ease-in-out infinite; } diff --git a/src/components/launch/RecordingControls.tsx b/src/components/launch/RecordingControls.tsx index 4e24f943a..d7ed41a75 100644 --- a/src/components/launch/RecordingControls.tsx +++ b/src/components/launch/RecordingControls.tsx @@ -1,4 +1,11 @@ -import { MicrophoneIcon, MicrophoneSlashIcon, MinusIcon, PauseIcon, PlayIcon, SquareIcon, XIcon } from "@phosphor-icons/react"; +import { + MicrophoneIcon, + MicrophoneSlashIcon, + MinusIcon, + PauseIcon, + PlayIcon, + XIcon, +} from "@phosphor-icons/react"; import { useMemo } from "react"; import { useScopedT } from "@/contexts/I18nContext"; import { Button } from "@/components/ui/button"; @@ -94,17 +101,15 @@ export const RecordingControls = ({ )} - + +