Files
electric-cherry/src/lib/ui/components/BackLink.svelte
T

23 lines
654 B
Svelte

<script lang="ts">
import { page } from '$app/stores';
import { returnLabel, safeReturnHref } from '$lib/navigation-context.js';
let { fallback }: { fallback: string } = $props();
const href = $derived(safeReturnHref($page.url.searchParams.get('returnTo'), fallback));
</script>
<a class="back-link" {href}>← {returnLabel(href)}</a>
<style>
.back-link {
display: inline-block;
align-self: start;
width: fit-content;
font-size: var(--text-sm);
color: var(--accent-primary-hover);
text-decoration: none;
}
.back-link:hover {
text-decoration: underline;
}
</style>