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

style(stammbaum): tighten vertical rhythm around relationship cards

Browse Source 
- /stammbaum: drop the global py-6 top gap so the page header butts
  up against the navbar, matching its full-bleed canvas layout
- person detail: add mt-6 around the document lists so they don't
  sit flush against the Beziehungen card
- person edit: add mt-6 to PersonMergePanel so the merge box doesn't
  collide with the StammbaumCard above it

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-04-27 19:48:19 +02:00
committed by marcel
parent 48a704f002
commit 8971fee75e
3 changed files with 16 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
frontend/src/routes/persons/[id]/+page.svelte
View File

@@ -77,17 +77,21 @@ const coCorrespondents = $derived.by(() => {
/> />
</div> </div>
<PersonDocumentList <div class="mt-6">
documents={sentDocuments} <PersonDocumentList
heading={m.person_docs_heading()} documents={sentDocuments}
emptyMessage={m.person_no_docs()} heading={m.person_docs_heading()}
/> emptyMessage={m.person_no_docs()}
/>
</div>
<PersonDocumentList <div class="mt-6">
documents={receivedDocuments} <PersonDocumentList
heading={m.person_received_docs_heading()} documents={receivedDocuments}
emptyMessage={m.person_no_received_docs()} heading={m.person_received_docs_heading()}
/> emptyMessage={m.person_no_received_docs()}
/>
</div>
</div> </div>
</div> </div>
</div> </div>

2
frontend/src/routes/persons/[id]/PersonMergePanel.svelte
View File

@@ -15,7 +15,7 @@ let mergeTargetId = $state('');
let showMergeConfirm = $state(false); let showMergeConfirm = $state(false);
</script> </script>
<div class="mb-10 rounded-sm border border-red-200 bg-surface p-6 shadow-sm"> <div class="mt-6 mb-10 rounded-sm border border-red-200 bg-surface p-6 shadow-sm">
<div> <div>
<h2 class="mb-1 font-serif text-lg text-ink">{m.person_merge_heading()}</h2> <h2 class="mb-1 font-serif text-lg text-ink">{m.person_merge_heading()}</h2>
<p class="mb-5 font-sans text-sm text-ink-2"> <p class="mb-5 font-sans text-sm text-ink-2">

2
frontend/src/routes/stammbaum/+page.svelte
View File

@@ -34,7 +34,7 @@ function zoomOut() {
} }
</script> </script>
<div class="flex h-full flex-col"> <div class="-mt-6 flex h-full flex-col">
<header <header
class="flex shrink-0 items-center justify-between border-b border-line bg-surface px-6 py-4" class="flex shrink-0 items-center justify-between border-b border-line bg-surface px-6 py-4"
> >