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
2 changed files with 5 additions and 3 deletions
Showing only changes of commit 7fed057e59 - Show all commits

View File

@@ -28,6 +28,8 @@ $effect(() => {
}); });
const isSinglePerson = $derived(!!senderId && !receiverId); const isSinglePerson = $derived(!!senderId && !receiverId);
const showHero = $derived(!senderId && !data.filters.senderId);
let showAdvanced = $state(false); let showAdvanced = $state(false);
const RECENT_STORAGE_KEY = 'korrespondenz_recent_persons'; const RECENT_STORAGE_KEY = 'korrespondenz_recent_persons';
@@ -94,8 +96,8 @@ function selectPerson(id: string) {
} }
</script> </script>
{#if !senderId} {#if showHero}
<!-- Hero state: centred discovery view --> <!-- Hero state: only on fresh page load with no context -->
<div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
<CorrespondenzHero onSelectPerson={selectPerson} recentPersons={recentPersons} /> <CorrespondenzHero onSelectPerson={selectPerson} recentPersons={recentPersons} />
</div> </div>

View File

@@ -76,7 +76,7 @@ function handleSuggestionSelect(id: string) {
bind:value={senderId} bind:value={senderId}
initialName={initialSenderName} initialName={initialSenderName}
restrictToCorrespondentsOf={receiverId || undefined} restrictToCorrespondentsOf={receiverId || undefined}
onchange={() => onapplyFilters()} onchange={(id) => { if (id) onapplyFilters(); }}
/> />
</div> </div>