style(admin/ocr): center content with max-w-4xl, wrap history tables in cards
Some checks failed
CI / OCR Service Tests (push) Successful in 39s
CI / Unit & Component Tests (push) Failing after 2m34s
CI / Backend Unit Tests (push) Failing after 2m45s
CI / Unit & Component Tests (pull_request) Failing after 2m33s
CI / OCR Service Tests (pull_request) Successful in 40s
CI / Backend Unit Tests (pull_request) Failing after 2m51s

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-04-18 10:33:39 +02:00
parent 16bcd0f73c
commit 8128769feb
3 changed files with 88 additions and 72 deletions

View File

@@ -9,7 +9,8 @@ let { data }: { data: PageData } = $props();
const { trainingInfo } = $derived(data); const { trainingInfo } = $derived(data);
</script> </script>
<div class="flex flex-col gap-6 p-6"> <div class="flex-1 overflow-y-auto p-6">
<div class="mx-auto flex max-w-4xl flex-col gap-6">
<!-- Page title + health bar --> <!-- Page title + health bar -->
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<h1 class="font-sans text-lg font-bold tracking-widest text-brand-navy uppercase"> <h1 class="font-sans text-lg font-bold tracking-widest text-brand-navy uppercase">
@@ -45,3 +46,4 @@ const { trainingInfo } = $derived(data);
/> />
</div> </div>
</div> </div>
</div>

View File

@@ -7,7 +7,8 @@ let { data }: { data: PageData } = $props();
const personName = $derived(data.history.personNames?.[data.personId] ?? 'Unknown'); const personName = $derived(data.history.personNames?.[data.personId] ?? 'Unknown');
</script> </script>
<div class="flex flex-col gap-6 p-6"> <div class="flex-1 overflow-y-auto p-6">
<div class="mx-auto flex max-w-4xl flex-col gap-6">
<div class="flex items-center gap-4"> <div class="flex items-center gap-4">
<a <a
href="/admin/ocr" href="/admin/ocr"
@@ -28,5 +29,11 @@ const personName = $derived(data.history.personNames?.[data.personId] ?? 'Unknow
</h1> </h1>
</div> </div>
<TrainingHistory runs={data.history.runs ?? []} personNames={data.history.personNames ?? {}} /> <div class="border-brand-sand rounded-sm border bg-white p-6 shadow-sm">
<TrainingHistory
runs={data.history.runs ?? []}
personNames={data.history.personNames ?? {}}
/>
</div>
</div>
</div> </div>

View File

@@ -6,7 +6,8 @@ import * as m from '$lib/paraglide/messages.js';
let { data }: { data: PageData } = $props(); let { data }: { data: PageData } = $props();
</script> </script>
<div class="flex flex-col gap-6 p-6"> <div class="flex-1 overflow-y-auto p-6">
<div class="mx-auto flex max-w-4xl flex-col gap-6">
<div class="flex items-center gap-4"> <div class="flex items-center gap-4">
<a <a
href="/admin/ocr" href="/admin/ocr"
@@ -27,5 +28,11 @@ let { data }: { data: PageData } = $props();
</h1> </h1>
</div> </div>
<TrainingHistory runs={data.history.runs ?? []} personNames={data.history.personNames ?? {}} /> <div class="border-brand-sand rounded-sm border bg-white p-6 shadow-sm">
<TrainingHistory
runs={data.history.runs ?? []}
personNames={data.history.personNames ?? {}}
/>
</div>
</div>
</div> </div>