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

fix(persons): align pages with Concept A spec — card layout, stats bar, status labels, save button
Some checks failed
CI / Unit & Component Tests (push) Has been cancelled
Details
CI / Backend Unit Tests (push) Has been cancelled
Details
CI / E2E Tests (push) Has been cancelled
Details
CI / Unit & Component Tests (pull_request) Failing after 2m26s
Details
CI / Backend Unit Tests (pull_request) Failing after 2m23s
Details
CI / E2E Tests (pull_request) Failing after 44m45s
Details

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-03-29 20:27:22 +02:00
parent 241e4874ad
commit 27d7225330
8 changed files with 142 additions and 157 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
frontend/src/routes/persons/PersonsStatsBar.svelte
View File

@@ -1,6 +1,4 @@
<script lang="ts">
import { m } from '$lib/paraglide/messages.js';
let {
totalPersons,
totalDocuments
@@ -8,19 +6,20 @@ let {
totalPersons: number;
totalDocuments: number;
} = $props();
const personsLabel = $derived(
totalPersons === 1
? m.persons_stats_persons_one()
: m.persons_stats_persons_many({ count: totalPersons })
);
const documentsLabel = $derived(
totalDocuments === 1
? m.persons_stats_documents_one()
: m.persons_stats_documents_many({ count: totalDocuments })
);
</script>
<p class="font-sans text-sm text-ink-2">
{personsLabel} · {documentsLabel}
</p>
<div class="flex items-baseline gap-4">
<div class="flex items-baseline gap-1.5">
<span class="font-sans text-2xl font-black text-ink">{totalPersons}</span>
<span class="font-sans text-[10px] font-bold tracking-widest text-ink-3 uppercase">
Persons
</span>
</div>
<span class="font-sans text-lg text-line">·</span>
<div class="flex items-baseline gap-1.5">
<span class="font-sans text-2xl font-black text-ink">{totalDocuments}</span>
<span class="font-sans text-[10px] font-bold tracking-widest text-ink-3 uppercase">
Documents
</span>
</div>
</div>