marcel/familienarchiv
1
0
Fork 0
Code Issues 116 Pull Requests 2 Actions 1 Packages Projects Releases Wiki Activity

fix(a11y): increase segmented toggle height on mobile to 36px

Browse Source 
Uses h-9 (36px) on mobile, h-7 (28px) on desktop for better tap
targets on small screens.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-04-07 11:51:56 +02:00
parent 0a5c82cd0e
commit 9d9d19ceb5
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/lib/components/TranscriptionPanelHeader.svelte
View File

@@ -33,7 +33,7 @@ function handleReadClick() {
class="flex h-[44px] items-center justify-between border-b border-line bg-surface px-3 font-sans" class="flex h-[44px] items-center justify-between border-b border-line bg-surface px-3 font-sans"
> >
<!-- Segmented toggle --> <!-- Segmented toggle -->
<div class="flex h-7 items-center rounded-full border border-line bg-muted p-0.5"> <div class="flex h-9 items-center rounded-full border border-line bg-muted p-0.5 md:h-7">
<button <button
type="button" type="button"
data-testid="mode-read" data-testid="mode-read"