e4539ed0f0
Replaces bg-white, text-brand-navy, border-brand-sand, text-gray-*, bg-[#2A2A2A], bg-brand-purple/15, hover:bg-brand-sand, etc. across all 35 .svelte files with semantic token utilities (bg-surface, text-ink, border-line, bg-pdf-bg, bg-nav-active, bg-muted, text-accent, bg-primary, ...). Also adds CSS filter: invert(1) in layout.css for De Gruyter <img> icons in dark mode, excluding icons that carry .invert already (to prevent double-inversion). Closes #64 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
39 lines
981 B
Svelte
39 lines
981 B
Svelte
<script lang="ts">
|
|
import { m } from '$lib/paraglide/messages.js';
|
|
|
|
type Doc = {
|
|
summary?: string | null;
|
|
transcription?: string | null;
|
|
};
|
|
|
|
let { doc }: { doc: Doc } = $props();
|
|
</script>
|
|
|
|
<div class="flex justify-center px-6 py-8">
|
|
<div class="w-full max-w-prose space-y-8">
|
|
{#if !doc.summary && !doc.transcription}
|
|
<p class="font-serif text-sm text-ink-3 italic">—</p>
|
|
{/if}
|
|
|
|
{#if doc.summary}
|
|
<div>
|
|
<span class="mb-3 block font-sans text-xs font-bold tracking-widest text-ink-3 uppercase">
|
|
{m.doc_label_summary()}
|
|
</span>
|
|
<p class="font-serif text-base leading-relaxed text-ink">{doc.summary}</p>
|
|
</div>
|
|
{/if}
|
|
|
|
{#if doc.transcription}
|
|
<div>
|
|
<span class="mb-3 block font-sans text-xs font-bold tracking-widest text-ink-3 uppercase">
|
|
{m.form_label_transcription()}
|
|
</span>
|
|
<p class="font-serif text-base leading-relaxed whitespace-pre-wrap text-ink">
|
|
{doc.transcription}
|
|
</p>
|
|
</div>
|
|
{/if}
|
|
</div>
|
|
</div>
|