fix(dictation): drop bouncy press motion and update record-button glow rgba
Record button had active:scale-[0.93] transition-all, which contradicts
the brand motion guideline ("never bounce, slow, calm, deliberate"). The
record button is the most-touched control in the app; a 7% press-shrink
on it sets the wrong tone for everything else.
Removed the scale transform, removed the inline transition-duration
override (the global * rule in app.css already animates the named
properties at --duration-ui). Also updated the inline shadow rgba from
(232,168,124,0.3) to (201,133,85,0.3) so the glow tracks the new
a11y-darkened accent fill instead of the pre-Phase-10a amber.
This commit is contained in:
@@ -811,18 +811,16 @@
|
||||
<!-- Record button -->
|
||||
<button
|
||||
class="relative flex items-center justify-center w-[40px] h-[40px] min-w-[40px] flex-shrink-0 rounded-full text-white
|
||||
active:scale-[0.93] transition-all
|
||||
{page.recording
|
||||
? 'bg-danger animate-pulse-warm'
|
||||
: modelLoading
|
||||
? 'bg-warning opacity-60 cursor-wait'
|
||||
: !tauriRuntimeAvailable
|
||||
? 'bg-bg-elevated text-text-tertiary cursor-not-allowed'
|
||||
: 'bg-accent hover:bg-accent-hover shadow-[0_4px_20px_rgba(232,168,124,0.3)]'}"
|
||||
: 'bg-accent hover:bg-accent-hover shadow-[0_4px_20px_rgba(201,133,85,0.3)]'}"
|
||||
onclick={toggleRecording}
|
||||
disabled={modelLoading || !tauriRuntimeAvailable}
|
||||
aria-label={page.recording ? "Stop recording" : "Start recording"}
|
||||
style="transition-duration: var(--duration-ui)"
|
||||
>
|
||||
{#if page.recording}
|
||||
<span class="w-[14px] h-[14px] rounded-[3px] bg-white"></span>
|
||||
|
||||
Reference in New Issue
Block a user