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

feat(dashboard): reader dashboard spec alignment #483 #484

Merged
marcel merged 15 commits from feat/issue-483-reader-dashboard-spec-align into main 2026-05-09 14:24:24 +02:00
Conversation 7 Commits 15 Files Changed 17 +13 -5
1 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit a98ca0e5d3 - Show all commits

18
frontend/src/lib/shared/dashboard/ReaderHeaderBar.svelte
View File

@@ -24,10 +24,12 @@ const timeLabel = $derived.by(() => {
>
<!-- Greeting -->
<div class="min-w-0 flex-1">
<span class="block text-[11px] font-bold tracking-[.8px] text-brand-navy uppercase">
<span
class="block text-[11px] font-bold tracking-[.8px] text-brand-navy uppercase dark:text-brand-mint"
>
{timeLabel}
</span>
<span class="block font-serif text-xl text-brand-navy">
<span class="block font-serif text-xl text-brand-navy dark:text-brand-mint">
{m.dashboard_welcome({ name })}
</span>
</div>
@@ -43,7 +45,9 @@ const timeLabel = $derived.by(() => {
href="/documents"
class="flex min-h-[44px] flex-col items-center justify-center border-r border-line-soft px-5 focus-visible:ring-2 focus-visible:ring-brand-navy focus-visible:outline-none"
>
<span class="block text-2xl leading-none font-black text-brand-navy">{documents ?? '—'}</span>
<span class="block text-2xl leading-none font-black text-brand-navy dark:text-brand-mint"
>{documents ?? '—'}</span
>
<span
class="mt-0.5 hidden text-[11px] font-bold tracking-[.8px] text-ink-3 uppercase sm:block"
>{m.dashboard_reader_stats_documents()}</span
@@ -58,7 +62,9 @@ const timeLabel = $derived.by(() => {
href="/persons"
class="flex min-h-[44px] flex-col items-center justify-center border-r border-line-soft px-5 focus-visible:ring-2 focus-visible:ring-brand-navy focus-visible:outline-none"
>
<span class="block text-2xl leading-none font-black text-brand-navy">{persons ?? '—'}</span>
<span class="block text-2xl leading-none font-black text-brand-navy dark:text-brand-mint"
>{persons ?? '—'}</span
>
<span
class="mt-0.5 hidden text-[11px] font-bold tracking-[.8px] text-ink-3 uppercase sm:block"
>{m.dashboard_reader_stats_persons()}</span
@@ -73,7 +79,9 @@ const timeLabel = $derived.by(() => {
href="/geschichten"
class="flex min-h-[44px] flex-col items-center justify-center px-5 focus-visible:ring-2 focus-visible:ring-brand-navy focus-visible:outline-none"
>
<span class="block text-2xl leading-none font-black text-brand-navy">{stories ?? '—'}</span>
<span class="block text-2xl leading-none font-black text-brand-navy dark:text-brand-mint"
>{stories ?? '—'}</span
>
<span
class="mt-0.5 hidden text-[11px] font-bold tracking-[.8px] text-ink-3 uppercase sm:block"
>{m.dashboard_reader_stats_stories()}</span