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
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:
@@ -9,7 +9,8 @@ let { data }: { data: PageData } = $props();
|
||||
const { trainingInfo } = $derived(data);
|
||||
</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 -->
|
||||
<div class="flex items-center justify-between">
|
||||
<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>
|
||||
|
||||
@@ -7,7 +7,8 @@ let { data }: { data: PageData } = $props();
|
||||
const personName = $derived(data.history.personNames?.[data.personId] ?? 'Unknown');
|
||||
</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">
|
||||
<a
|
||||
href="/admin/ocr"
|
||||
@@ -28,5 +29,11 @@ const personName = $derived(data.history.personNames?.[data.personId] ?? 'Unknow
|
||||
</h1>
|
||||
</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>
|
||||
|
||||
@@ -6,7 +6,8 @@ import * as m from '$lib/paraglide/messages.js';
|
||||
let { data }: { data: PageData } = $props();
|
||||
</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">
|
||||
<a
|
||||
href="/admin/ocr"
|
||||
@@ -27,5 +28,11 @@ let { data }: { data: PageData } = $props();
|
||||
</h1>
|
||||
</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>
|
||||
|
||||
Reference in New Issue
Block a user