feat: Improve Stop button UI

This commit is contained in:
Aleksander Grygier 2026-02-05 13:28:55 +01:00
parent 757881221b
commit 2d78b16859
1 changed files with 5 additions and 2 deletions

View File

@ -207,12 +207,15 @@
{#if isLoading} {#if isLoading}
<Button <Button
type="button" type="button"
variant="secondary"
onclick={onStop} onclick={onStop}
class="h-8 w-8 rounded-full bg-transparent p-0 hover:bg-destructive/20" class="group h-8 w-8 rounded-full p-0 hover:bg-destructive/10!"
> >
<span class="sr-only">Stop</span> <span class="sr-only">Stop</span>
<Square class="h-8 w-8 fill-destructive stroke-destructive" /> <Square
class="h-8 w-8 fill-muted-foreground stroke-muted-foreground group-hover:fill-destructive group-hover:stroke-destructive hover:fill-destructive hover:stroke-destructive"
/>
</Button> </Button>
{:else if shouldShowRecordButton} {:else if shouldShowRecordButton}
<ChatFormActionRecord {disabled} {hasAudioModality} {isLoading} {isRecording} {onMicClick} /> <ChatFormActionRecord {disabled} {hasAudioModality} {isLoading} {isRecording} {onMicClick} />