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 822a2fac3a - 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 py-[5px] transition-opacity" class="flex items-center gap-[10px] border-b border-line bg-muted px-3 py-[5px] transition-opacity"
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 py-[9px] [&_input]:h-12" class="flex items-end gap-[9px] border-b border-line bg-surface px-3 py-[9px] [&_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 py-[6px] text-xs text-ink" class="flex items-center gap-[5px] border-b border-accent bg-accent-bg px-3 py-[6px] text-xs text-ink"
> >
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"