fix: align save bar width with form card on new person page
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:
@@ -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>
|
||||
{/if}
|
||||
|
||||
<form method="POST" class="pb-20">
|
||||
<form method="POST">
|
||||
<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">
|
||||
Angaben zur Person
|
||||
@@ -79,9 +79,9 @@ export let form;
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Sticky Save Bar -->
|
||||
<!-- Save Bar -->
|
||||
<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
|
||||
href="/persons"
|
||||
|
||||
Reference in New Issue
Block a user