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

fix: align save bar width with form card on new person page

Browse Source 
Replaced sticky full-bleed bar with a regular card-style row,
matching the form card width and adding mt-4 top margin.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-03-16 16:25:44 +01:00
parent 0123dffdc4
commit 6b5c78f789
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/routes/persons/new/+page.svelte
View File

@@ -31,7 +31,7 @@ export let form;
<div class="mb-6 rounded border border-red-200 bg-red-50 p-4 text-red-700">{form.error}</div> <div class="mb-6 rounded border border-red-200 bg-red-50 p-4 text-red-700">{form.error}</div>
{/if} {/if}
<form method="POST" class="pb-20"> <form method="POST">
<div class="rounded-sm border border-brand-sand bg-white p-6 shadow-sm"> <div class="rounded-sm border border-brand-sand bg-white p-6 shadow-sm">
<h2 class="mb-5 text-xs font-bold tracking-widest text-gray-400 uppercase"> <h2 class="mb-5 text-xs font-bold tracking-widest text-gray-400 uppercase">
Angaben zur Person Angaben zur Person
@@ -79,9 +79,9 @@ export let form;
</div> </div>
</div> </div>
<!-- Sticky Save Bar --> <!-- Save Bar -->
<div <div
class="sticky bottom-0 z-10 -mx-4 flex items-center justify-between border-t border-brand-sand bg-white px-6 py-4 shadow-[0_-2px_8px_rgba(0,0,0,0.06)]" class="mt-4 flex items-center justify-between rounded-sm border border-brand-sand bg-white px-6 py-4 shadow-sm"
> >
<a <a
href="/persons" href="/persons"