A website inspired by Last.fm that will keep track of your listening statistics
lastfm
music
statistics
Create Back.svelte
+34
+34
web/components/interaction/Back.svelte
+34
web/components/interaction/Back.svelte
···
1
+
<script lang="ts">
2
+
import Icon from "$components/content/Icon.svelte";
3
+
import type { MethodURL } from "$lib/types";
4
+
import { Link } from "@inertiajs/svelte";
5
+
6
+
type Props = {
7
+
href: string | MethodURL;
8
+
label?: string;
9
+
};
10
+
11
+
let { href, label = "Go back" }: Props = $props();
12
+
</script>
13
+
14
+
<div class="back">
15
+
<Link {href}>
16
+
<Icon name="hero-arrow-left" />
17
+
<span class="label">
18
+
{label}
19
+
</span>
20
+
</Link>
21
+
</div>
22
+
23
+
<style>
24
+
div {
25
+
height: max-content;
26
+
display: flex;
27
+
}
28
+
29
+
.back > :global(a) {
30
+
display: inline-flex;
31
+
align-items: center;
32
+
gap: 0.5rem;
33
+
}
34
+
</style>