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);
|
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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user