Skip to content

Commit 0e8e91a

Browse files
committed
fix(ui): align microphone permission modal
1 parent f9b7afc commit 0e8e91a

1 file changed

Lines changed: 13 additions & 14 deletions

File tree

apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/microphone-permission-help/microphone-permission-help.tsx

Lines changed: 13 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@ interface MicrophonePermissionHelpProps {
88
onOpenChange: (open: boolean) => void
99
}
1010

11+
/** Shows browser recovery steps and reports every dismissal path through `onOpenChange`. */
1112
export function MicrophonePermissionHelp({ open, onOpenChange }: MicrophonePermissionHelpProps) {
1213
const descriptionId = useId()
1314
const handleClose = () => onOpenChange(false)
@@ -22,20 +23,18 @@ export function MicrophonePermissionHelp({ open, onOpenChange }: MicrophonePermi
2223
>
2324
<ChipModalHeader onClose={handleClose}>Allow microphone access</ChipModalHeader>
2425
<ChipModalBody>
25-
<div className='flex flex-col gap-3 px-2 text-sm'>
26-
<p id={descriptionId} className='text-[var(--text-secondary)]'>
27-
Once microphone access is blocked, your browser requires you to change it from the site
28-
controls.
29-
</p>
30-
<ol className='flex list-decimal flex-col gap-2 pl-5 text-[var(--text-body)]'>
31-
<li>Open the site controls beside the address bar.</li>
32-
<li>Set Microphone access for this site to Allow.</li>
33-
<li>Reload the page if prompted, then try voice input again.</li>
34-
</ol>
35-
<p className='text-[var(--text-tertiary)]'>
36-
In Safari, open Safari Settings, then Websites, then Microphone.
37-
</p>
38-
</div>
26+
<p id={descriptionId} className='px-2 text-[var(--text-secondary)] text-sm'>
27+
Once microphone access is blocked, your browser requires you to change it from the site
28+
controls.
29+
</p>
30+
<ol className='mx-2 flex list-decimal flex-col gap-2 pl-5 text-[var(--text-body)] text-sm'>
31+
<li>Open the site controls beside the address bar.</li>
32+
<li>Set Microphone access for this site to Allow.</li>
33+
<li>Reload the page if prompted, then try voice input again.</li>
34+
</ol>
35+
<p className='px-2 text-[var(--text-tertiary)] text-sm'>
36+
In Safari, open Safari Settings, then Websites, then Microphone.
37+
</p>
3938
</ChipModalBody>
4039
</ChipModal>
4140
)

0 commit comments

Comments
 (0)