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