blob: 1af36cac026d786d95e2b419a69769ed8c356b2f (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
<script lang="ts">
import Dropdown from '$lib/components/Dropdown.svelte';
import type { Snippet } from 'svelte';
let { children }: { children: Snippet } = $props();
</script>
<Dropdown>
{#snippet button(onclick)}
<button
type="button"
class="btn-slate rounded-inherit relative hover:bg-blue-700 [&:not(:only-child)]:bg-blue-700"
title="Set flag..."
aria-label="Set flag..."
{onclick}
>
<span class="icon-base icon-[material-symbols--flag] pointer-events-none"></span>
</button>
{/snippet}
<div class="grid grid-cols-[min-content_min-content] gap-1">
{@render children?.()}
</div>
</Dropdown>
|
