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

fix(ui): unify strip padding and bump person bar inputs to h-12

Browse Source 
Align person bar, filter controls, and hint bar side padding to
px-4 sm:px-6 lg:px-8, matching the standard layout of all other
overview pages. Override person bar inputs from compact h-9 to h-12
for better touch targets in the results state.

Refs: #179

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-04-06 19:46:36 +02:00
parent f39d9e6f30
commit 7b2324ecfb
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/routes/briefwechsel/CorrespondenzFilterControls.svelte
View File

@@ -28,7 +28,7 @@ let isActive = $derived(!!(fromDate || toDate || sortDir !== 'DESC'));
<div
data-testid="conv-filter-controls"
class="flex items-center gap-[10px] border-b border-line bg-muted px-4 py-[5px] transition-opacity sm:px-[18px]"
class="flex items-center gap-[10px] border-b border-line bg-muted px-4 py-[5px] transition-opacity sm:px-6 lg:px-8"
class:opacity-40={!senderId}
class:pointer-events-none={!senderId}
aria-disabled={!senderId}

2
frontend/src/routes/briefwechsel/CorrespondenzPersonBar.svelte
View File

@@ -55,7 +55,7 @@ function handleSuggestionSelect(id: string) {
<div
data-testid="conv-person-bar"
class="flex items-end gap-[9px] border-b border-line bg-surface px-4 py-[9px] sm:px-[18px]"
class="flex items-end gap-[9px] border-b border-line bg-surface px-4 py-[9px] sm:px-6 lg:px-8 [&_input]:h-12"
>
<!-- Person A -->
<div class="min-w-0 flex-1">

2
frontend/src/routes/briefwechsel/SinglePersonHintBar.svelte
View File

@@ -19,7 +19,7 @@ let toYear = $derived(toDate ? toDate.substring(0, 4) : '');
</script>
<div
class="flex items-center gap-[5px] border-b border-accent bg-accent-bg px-[18px] py-[6px] text-xs text-ink"
class="flex items-center gap-[5px] border-b border-accent bg-accent-bg px-4 py-[6px] text-xs text-ink sm:px-6 lg:px-8"
>
<svg
xmlns="http://www.w3.org/2000/svg"