fix(voice-input): reduce recording action icon sizes
This commit is contained in:
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') }
|
||||
|
||||
Reference in new issue
Block a user