feat: Improve Stop button UI
This commit is contained in:
parent
757881221b
commit
2d78b16859
|
|
@ -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} />
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue