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 <div
data-testid="conv-filter-controls" 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:opacity-40={!senderId}
class:pointer-events-none={!senderId} class:pointer-events-none={!senderId}
aria-disabled={!senderId} aria-disabled={!senderId}

View File

@@ -55,7 +55,7 @@ function handleSuggestionSelect(id: string) {
<div <div
data-testid="conv-person-bar" 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 --> <!-- Person A -->
<div class="min-w-0 flex-1"> <div class="min-w-0 flex-1">

View File

@@ -19,7 +19,7 @@ let toYear = $derived(toDate ? toDate.substring(0, 4) : '');
</script> </script>
<div <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 <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"