refactor(nav): add class prop to BackButton, remove mb-4 from topbar contexts
Some checks failed
CI / Unit & Component Tests (push) Failing after 2m41s
CI / OCR Service Tests (push) Successful in 37s
CI / Backend Unit Tests (push) Has been cancelled
CI / Unit & Component Tests (pull_request) Failing after 2m44s
CI / OCR Service Tests (pull_request) Successful in 32s
CI / Backend Unit Tests (pull_request) Failing after 2m51s

- BackButton now accepts a `class` prop (default 'mb-4') so callers can
  override spacing; resolves hardcoded margin in flex-row topbar snippets
- documents/[id]/edit and enrich/[id] pass class="" to suppress the margin
- Replace weak className unit test with class-prop behaviour tests
- Add [data-hydrated] comment in E2E spec explaining what emits the attribute

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-04-22 11:16:49 +02:00
parent 6c99c6a670
commit 367dcc66f2
5 changed files with 16 additions and 5 deletions

View File

@@ -27,7 +27,7 @@ async function handleDelete() {
<DocumentEditLayout doc={doc} formId="update-form" formAction="?/update" formError={form?.error}>
{#snippet topbar()}
<BackButton />
<BackButton class="" />
<p class="max-w-sm truncate text-center font-serif text-sm font-medium text-ink">
{doc.title || doc.originalFilename}

View File

@@ -15,7 +15,7 @@ const doc = $derived(data.document);
<DocumentEditLayout doc={doc} formId="save-form" formAction="?/save" formError={form?.error}>
{#snippet topbar()}
<BackButton />
<BackButton class="" />
<p class="max-w-sm truncate text-center font-serif text-sm font-medium text-ink">
{doc.title || doc.originalFilename}