rehlert/bea-edit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

layout footer fix
Build and Push Docker Image / build (push) Successful in 41s
Details

Browse Source
This commit is contained in:
rehlert
2026-08-27 09:48:36 +02:00
parent 037050e1c1
commit 2b22fcb0e8
2 changed files with 72 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/+layout.svelte
+14 -7
View File
@@ -8,26 +8,32 @@
<svelte:head> <svelte:head>
<link rel="icon" href={favicon} /> <link rel="icon" href={favicon} />
</svelte:head> </svelte:head>
<header style="height:72px" class="bg-white shadow grid place-content-center"> <div class="flex min-h-dvh flex-col">
<header style="height:72px" class="grid shrink-0 place-content-center bg-white shadow">
<a href="/"> <a href="/">
<img height="33px" src="/logo.svg" alt="logo" /> <img height="33px" src="/logo.svg" alt="logo" />
</a> </a>
</header> </header>
<div class="flex-1">
{@render children()} {@render children()}
</div>
<footer class="flex flex-col justify-end gap-15 min-h-78.5 h-96 px-4 mt-8.75 text-white py-8.75" <footer
style="background-image: url('/footer.svg');background-position: top right; background-size: cover; background-repeat: no-repeat"> class="mt-8.75 flex h-96 min-h-78.5 shrink-0 flex-col justify-end gap-15 px-4 py-8.75 text-white"
<div class="w-full max-w-360 mx-auto"> style="background-image: url('/footer.svg');background-position: top right; background-size: cover; background-repeat: no-repeat"
<h2 class="hidden font-bold mb-4">Nominandum GmbH</h2> >
<div class="mx-auto w-full max-w-360">
<h2 class="mb-4 hidden font-bold">Nominandum GmbH</h2>
<div class="flex flex-row flex-wrap gap-15 text-[14px] leading-5 mx-auto"> <div class="mx-auto flex flex-row flex-wrap gap-15 text-[14px] leading-5">
<div> <div>
<a class="underline" href="/impressum">Impressum</a><br /> <a class="underline" href="/impressum">Impressum</a><br />
<a class="underline" href="/datenschutz">Datenschutzerklärung</a><br /> <a class="underline" href="/datenschutz">Datenschutzerklärung</a><br />
</div> </div>
</div> </div>
<div class="hidden flex-row flex-wrap gap-15 text-[14px] leading-5 mx-auto"> <div class="mx-auto hidden flex-row flex-wrap gap-15 text-[14px] leading-5">
<div class="not-sm:hidden"> <div class="not-sm:hidden">
Holstenwall 1<br /> Holstenwall 1<br />
20355 Hamburg<br /> 20355 Hamburg<br />
@@ -56,3 +62,4 @@
</div> </div>
</div> </div>
</footer> </footer>
</div>
tests/e2e/toolbox.spec.ts
+16
View File
@@ -97,6 +97,22 @@ test('start page exposes only working tools and forwards a dropped ZIP to beA',
expect(pageErrors).toEqual([]); expect(pageErrors).toEqual([]);
}); });
test('short tool pages keep the footer flush with the viewport bottom', async ({ page }) => {
const expectFooterAtViewportBottom = async (viewport: { width: number; height: number }) => {
await page.setViewportSize(viewport);
await page.goto('/tools/watermark');
const footerBottom = await page.locator('footer').evaluate((footer) => {
return footer.getBoundingClientRect().bottom;
});
expect(Math.abs(footerBottom - viewport.height)).toBeLessThanOrEqual(1);
};
await expectFooterAtViewportBottom({ width: 1440, height: 900 });
await expectFooterAtViewportBottom({ width: 390, height: 844 });
});
test('merge accepts dropped PDFs and downloads a merged PDF', async ({ page }) => { test('merge accepts dropped PDFs and downloads a merged PDF', async ({ page }) => {
const pageErrors = trackPageErrors(page); const pageErrors = trackPageErrors(page);
await page.goto('/tools/merge'); await page.goto('/tools/merge');