fix(geschichten): match directory width of Dokumente/Personen overviews

The list page used max-w-4xl while every other directory page uses
max-w-7xl. The detail page intentionally stays max-w-3xl (reading
column per spec R-2).

Closes #799
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-06-10 22:36:09 +02:00
parent 63acb5417f
commit 3b58ac0457
2 changed files with 9 additions and 1 deletions

View File

@@ -37,7 +37,7 @@ function removePerson(personId: string) {
}
</script>
<div class="mx-auto max-w-4xl px-4 py-8">
<div class="mx-auto max-w-7xl px-4 py-8">
<header class="mb-4 flex flex-wrap items-center justify-between gap-3">
<h1 class="font-serif text-2xl text-ink">{m.geschichten_index_title()}</h1>
{#if data.canBlogWrite}

View File

@@ -35,6 +35,14 @@ const baseData = (overrides: Record<string, unknown> = {}) => ({
});
describe('geschichten/+ page', () => {
it('uses the same directory width as Dokumente/Personen overviews (max-w-7xl)', async () => {
render(GeschichtenListPage, { props: { data: baseData() } });
const container = document.querySelector('[class*="mx-auto"]');
expect(container).not.toBeNull();
expect(container!.className).toContain('max-w-7xl');
});
it('renders the page heading', async () => {
render(GeschichtenListPage, { props: { data: baseData() } });