[READ-ONLY] Mirror of https://github.com/probablykasper/ferrum. Music library app for Mac, Linux and Windows
ferrum.kasper.space
electron
linux
macos
music
music-library
music-player
napi
windows
Disable app interaction while visualizer is shown
+16
-18
+16
-18
src/lib/visualizer/Visualizer.svelte
+16
-18
src/lib/visualizer/Visualizer.svelte
···
3
3
import { ShaderToyLite } from './ShaderToyLite.js'
4
4
import { onMount } from 'svelte'
5
5
import { audioContext, mediaElementSource } from '$lib/player'
6
-
import { check_shortcut } from '$lib/helpers'
7
6
8
7
export let on_close: () => void
9
8
···
71
70
</script>
72
71
73
72
<svelte:window
74
-
on:keydown={(e) => {
75
-
if (check_shortcut(e, 'Escape')) {
76
-
on_close()
77
-
}
78
-
}}
79
73
on:resize={() => {
80
74
if (canvas) {
81
75
canvas.width = window.innerWidth
···
85
79
}}
86
80
/>
87
81
88
-
<!-- svelte-ignore a11y_no_static_element_interactions -->
89
-
<div class="fixed top-0 left-0 flex h-screen w-screen items-center justify-center">
90
-
<div class="relative">
91
-
<canvas
92
-
bind:this={canvas}
93
-
class="size-full"
94
-
id={canvas_id}
95
-
width={window.innerWidth}
96
-
height={window.innerHeight}
97
-
></canvas>
98
-
</div>
99
-
</div>
82
+
<dialog
83
+
{@attach (e) => {
84
+
e.showModal()
85
+
}}
86
+
on:close={() => {
87
+
on_close()
88
+
}}
89
+
>
90
+
<canvas
91
+
bind:this={canvas}
92
+
class="fixed h-screen w-screen"
93
+
id={canvas_id}
94
+
width={window.innerWidth}
95
+
height={window.innerHeight}
96
+
></canvas>
97
+
</dialog>