fix(voice-input): reduce recording action icon sizes

This commit is contained in:
Yichen Jiang committed 2026-09-17 14:11:11 +08:00
1 parent 018c0e5156
commit 7e12403d84
1 file changed
+2 -2
@@ -133,14 +133,14 @@ export function VoiceInput({ sessionId, inputActions, locked, onActiveChange,
onMouseDown={(event) =>{ event.preventDefault() }} onClick={() => { void start() }}><IconMicrophoneOutline16 size={18} /></Button>
return <div className={css.captureRow} data-voice-activity={phase}>
<Button type="button" className={css.roundButton} size="sm" aria-label={t(pending ? 'discard' : 'cancel')}
onClick={cancel}><IconCloseOutline16 size={18} /></Button>
onClick={cancel}><IconCloseOutline16 size={14} /></Button>
{phase === 'recording' ? <Waveform recording={current.current?.capture} label={t('recording')} />
: <span className={css.activityMessage} role="status" title={pending || message}>
{(phase === 'requesting' || phase === 'transcribing') && <StateDot state="ongoing" />}
{phase === 'feedback' ? message : t(phase === 'requesting' ? 'requesting'
: provider?.preparation.phase === 'waking' ? 'wakingShort' : 'transcribingShort')}</span>}
{phase === 'recording' && <Button type="button" className={css.roundButton} size="sm" aria-label={t('stop')}
onClick={() => { void finish() }}><IconStopFill16 size={18} /></Button>}
onClick={() => { void finish() }}><IconStopFill16 size={14} /></Button>}
{phase === 'feedback' && (pending
? <Button className={css.inlineAction} size="sm" type="button" onClick={() => {
if (inputActions.insertText(pending, inputActions.captureInsertion())) { setPending(''); setPhase('idle') }