Files
easy-png-tools/web/src/lib/components/kit/SettingsFooter.svelte
T

22 lines
434 B
Svelte

<script lang="ts">
import type { Snippet } from "svelte";
interface Props {
children: Snippet;
}
let { children }: Props = $props();
</script>
<footer class="settings-footer">{@render children()}</footer>
<style>
.settings-footer {
display: flex;
align-items: center;
justify-content: flex-end;
gap: var(--space-m);
padding: var(--space-l) var(--space-xl);
border-top: 1px solid var(--color-border);
}
</style>