blob: 35cfd0d82e57920694e4e7335c5dfeddfe7afdf3 (
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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
|
<script lang="ts">
import { S } from '$lib';
import type { Snippet } from 'svelte';
let { children }: { children?: Snippet } = $props();
</script>
<div class="rounded-tr-xl {S.window_topbar}">
<!-- <div class="flex gap-2 w-max">
<button
onclick={() => history.back()}
onkeypress={(e) =>
e.key === 'Return' || e.key === 'Enter'
? e.currentTarget.click()
: void 0}
aria-label="Back"
class={S.button('secondary')}
><svg
height="16px"
viewBox="0 0 16 16"
width="16px"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m 12 2 c 0 -0.265625 -0.105469 -0.519531 -0.292969 -0.707031 c -0.390625 -0.390625 -1.023437 -0.390625 -1.414062 0 l -6 6 c -0.1875 0.1875 -0.292969 0.441406 -0.292969 0.707031 s 0.105469 0.519531 0.292969 0.707031 l 6 6 c 0.390625 0.390625 1.023437 0.390625 1.414062 0 c 0.1875 -0.1875 0.292969 -0.441406 0.292969 -0.707031 s -0.105469 -0.519531 -0.292969 -0.707031 l -5.292969 -5.292969 l 5.292969 -5.292969 c 0.1875 -0.1875 0.292969 -0.441406 0.292969 -0.707031 z m 0 0"
fill="currentColor"
/>
</svg></button
>
<button
onclick={() => history.forward()}
onkeypress={(e) =>
e.key === 'Return' || e.key === 'Enter'
? e.currentTarget.click()
: void 0}
aria-label="Forward"
class={S.button('secondary')}
><svg
height="16px"
viewBox="0 0 16 16"
width="16px"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m 4 2 c 0 -0.265625 0.105469 -0.519531 0.292969 -0.707031 c 0.390625 -0.390625 1.023437 -0.390625 1.414062 0 l 6 6 c 0.1875 0.1875 0.292969 0.441406 0.292969 0.707031 s -0.105469 0.519531 -0.292969 0.707031 l -6 6 c -0.390625 0.390625 -1.023437 0.390625 -1.414062 0 c -0.1875 -0.1875 -0.292969 -0.441406 -0.292969 -0.707031 s 0.105469 -0.519531 0.292969 -0.707031 l 5.292969 -5.292969 l -5.292969 -5.292969 c -0.1875 -0.1875 -0.292969 -0.441406 -0.292969 -0.707031 z m 0 0"
fill="currentColor"
/>
</svg></button
>
</div> -->
<div
class="flex-1 rounded-tl-xl min-h-8 flex items-center justify-center gap-2"
>
{@render children?.()}
</div>
</div>
|
