blob: 9e0322d16b22fe915c991a42b19f1f11f40946aa (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
<script lang="ts">
import type { Snippet } from 'svelte';
let { children }: { children: Snippet } = $props();
</script>
<div
class="invisible absolute bottom-10 w-20 rounded-xl bg-blue-500 p-1 font-semibold text-white drop-shadow-md group-hover/page:visible"
>
{@render children()}
</div>
<style lang="postcss">
div {
left: calc(50% - 2.5rem);
}
</style>
|
