feat(topbar): double all font sizes and increase bar height for legibility
Some checks failed
CI / Unit & Component Tests (pull_request) Failing after 1m54s
CI / Backend Unit Tests (pull_request) Failing after 2m55s
CI / E2E Tests (pull_request) Failing after 1h12m45s
CI / Unit & Component Tests (push) Has been cancelled
CI / Backend Unit Tests (push) Has been cancelled
CI / E2E Tests (push) Has been cancelled

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-04-01 08:52:23 +02:00
parent 0c40e10743
commit 1d2e6d7b86
7 changed files with 14 additions and 14 deletions

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-16 shrink-0 items-center xs:h-20">
<!-- 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-[22px] leading-tight text-ink lg:text-[26px]"
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-[20px] text-ink-2">
<span class="lg:hidden">{shortDate}</span>
<span class="hidden lg:inline">{longDate}</span>
</p>