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

fix(ui): use card-style save bar with mt-4 instead of full-bleed
Some checks failed
CI / Unit & Component Tests (push) Failing after 3s
Details
CI / Backend Unit Tests (push) Failing after 1s
Details
CI / Unit & Component Tests (pull_request) Failing after 1s
Details
CI / Backend Unit Tests (pull_request) Failing after 1s
Details

Browse Source 
Removes -mx-4 negative margin and switches to the card pattern
(rounded border, shadow-sm, mt-4) so the save bar matches the
width of the other cards on the edit page.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-04-07 15:59:55 +02:00
parent 0f5eebec29
commit 9027f60760
1 changed files with 1 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/routes/persons/[id]/edit/PersonEditSaveBar.svelte
View File

@@ -4,9 +4,8 @@ import { m } from '$lib/paraglide/messages.js';
let { discardHref, formId }: { discardHref: string; formId?: string } = $props(); let { discardHref, formId }: { discardHref: string; formId?: string } = $props();
</script> </script>
<!-- Sticky full-bleed save bar -->
<div <div
class="sticky bottom-0 z-10 -mx-4 flex items-center justify-between border-t border-line bg-surface 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-line bg-surface px-6 py-4 shadow-sm"
> >
<a href={discardHref} class="text-sm font-medium text-ink-2 transition-colors hover:text-ink"> <a href={discardHref} class="text-sm font-medium text-ink-2 transition-colors hover:text-ink">
{m.person_discard_changes()} {m.person_discard_changes()}