marcel/familienarchiv
1
0
Fork 0
Code Issues 118 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/routes/geschichten/+page.svelte
View File

@@ -37,7 +37,7 @@ function removePerson(personId: string) {
} }
</script> </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"> <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> <h1 class="font-serif text-2xl text-ink">{m.geschichten_index_title()}</h1>
{#if data.canBlogWrite} {#if data.canBlogWrite}

8
frontend/src/routes/geschichten/page.svelte.test.ts
View File

@@ -35,6 +35,14 @@ const baseData = (overrides: Record<string, unknown> = {}) => ({
}); });
describe('geschichten/+ page', () => { 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 () => { it('renders the page heading', async () => {
render(GeschichtenListPage, { props: { data: baseData() } }); render(GeschichtenListPage, { props: { data: baseData() } });