feat: Briefwechsel hero redesign — discovery framing + padding #186

Merged
marcel merged 21 commits from feat/issue-179-briefwechsel-hero into main 2026-04-07 09:07:23 +02:00
3 changed files with 3 additions and 3 deletions
Showing only changes of commit 7b2324ecfb - Show all commits

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}

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">

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"