This commit is contained in:
parent
9562cdeb95
commit
475ccc8c99
@ -2,7 +2,6 @@
|
|||||||
import '../app.css';
|
import '../app.css';
|
||||||
import { env } from '$env/dynamic/public';
|
import { env } from '$env/dynamic/public';
|
||||||
import { goto } from '$app/navigation';
|
import { goto } from '$app/navigation';
|
||||||
import Settings from './Settings.svelte';
|
|
||||||
import { playAudio } from '$lib/stores';
|
import { playAudio } from '$lib/stores';
|
||||||
import { page } from '$app/stores';
|
import { page } from '$app/stores';
|
||||||
|
|
||||||
@ -64,20 +63,9 @@
|
|||||||
|
|
||||||
let isTouch = false;
|
let isTouch = false;
|
||||||
let nav: HTMLDivElement;
|
let nav: HTMLDivElement;
|
||||||
let settings: HTMLDialogElement;
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<svelte:body
|
<svelte:body
|
||||||
on:keyup={(e) => {
|
|
||||||
if (e.key === 'Escape') {
|
|
||||||
e.preventDefault();
|
|
||||||
if (settings.open) {
|
|
||||||
settings.close();
|
|
||||||
} else {
|
|
||||||
settings.show();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}}
|
|
||||||
on:touchend={(e) => {
|
on:touchend={(e) => {
|
||||||
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
||||||
// @ts-ignore
|
// @ts-ignore
|
||||||
@ -172,13 +160,3 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<dialog class="modal" bind:this={settings}>
|
|
||||||
<form method="dialog" class="modal-box" style="overflow: unset">
|
|
||||||
<button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
|
|
||||||
<Settings />
|
|
||||||
</form>
|
|
||||||
<form method="dialog" class="modal-backdrop bg-[rgba(0,0,0,.3)]">
|
|
||||||
<button>close</button>
|
|
||||||
</form>
|
|
||||||
</dialog>
|
|
||||||
|
@ -1,42 +0,0 @@
|
|||||||
<script lang="ts">
|
|
||||||
import { playAudio } from '$lib/stores';
|
|
||||||
import { get } from 'svelte/store';
|
|
||||||
import { IconOutline } from 'svelte-heros-v2';
|
|
||||||
|
|
||||||
let settings = [
|
|
||||||
{
|
|
||||||
name: 'Sound abspielen',
|
|
||||||
description:
|
|
||||||
'Manche Elemente können Sounds abspielen. Aktiviere diese Option und finde raus welche',
|
|
||||||
store: playAudio
|
|
||||||
}
|
|
||||||
];
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<h2 class="text-2xl">Einstellungen</h2>
|
|
||||||
<div>
|
|
||||||
<div class="divider" />
|
|
||||||
<div class="grid grid-cols-2">
|
|
||||||
{#each settings as setting}
|
|
||||||
<div class="flex">
|
|
||||||
<p>{setting.name}</p>
|
|
||||||
<span class="tooltip ml-[0.2rem] -mt-[1px]" data-tip={setting.description}>
|
|
||||||
<IconOutline name="question-mark-circle-outline" width="16" height="16" />
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<input
|
|
||||||
type="checkbox"
|
|
||||||
class="toggle justify-self-end mr-6"
|
|
||||||
checked={get(setting.store)}
|
|
||||||
on:change={(e) => {
|
|
||||||
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
||||||
// @ts-ignore
|
|
||||||
setting.store.set(e.target.checked);
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
{/each}
|
|
||||||
</div>
|
|
||||||
<div class="divider" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
Binary file not shown.
Binary file not shown.
Loading…
x
Reference in New Issue
Block a user