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

feat(topbar): increase all font sizes and bar height by 25% for legibility
Some checks failed
CI / Backend Unit Tests (push) Has been cancelled
Details
CI / E2E Tests (push) Has been cancelled
Details
CI / Backend Unit Tests (pull_request) Failing after 2m38s
Details
CI / Unit & Component Tests (push) Has been cancelled
Details
CI / E2E Tests (pull_request) Failing after 1h15m22s
Details
CI / Unit & Component Tests (pull_request) Failing after 1m40s
Details

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-04-01 09:09:59 +02:00
parent 965087b787
commit 37d728b006
7 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/lib/components/DocumentTopBar.svelte
View File

@@ -42,7 +42,7 @@ const longDate = $derived(doc.documentDate ? formatDate(doc.documentDate, 'long'
<div data-topbar class="border-b border-line bg-surface shadow-sm">
<!-- Main row -->
<div class="flex h-12 shrink-0 items-center xs:h-14">
<div class="flex h-[60px] shrink-0 items-center xs:h-[70px]">
<!-- Accent bar -->
<div class="h-full w-[3px] shrink-0 bg-primary"></div>
@@ -66,13 +66,13 @@ const longDate = $derived(doc.documentDate ? formatDate(doc.documentDate, 'long'
<!-- Title + meta -->
<div class="min-w-0 flex-1 overflow-hidden">
<h1
class="truncate font-serif text-[11px] leading-tight text-ink lg:text-[13px]"
class="truncate font-serif text-[14px] leading-tight text-ink lg:text-[16px]"
title={doc.title ?? doc.originalFilename ?? ''}
>
{doc.title || doc.originalFilename}
</h1>
{#if shortDate}
<p class="font-sans text-[10px] text-ink-2">
<p class="font-sans text-[13px] text-ink-2">
<span class="lg:hidden">{shortDate}</span>
<span class="hidden lg:inline">{longDate}</span>
</p>