This commit is contained in:
parent
9562cdeb95
commit
475ccc8c99
@ -2,7 +2,6 @@
|
||||
import '../app.css';
|
||||
import { env } from '$env/dynamic/public';
|
||||
import { goto } from '$app/navigation';
|
||||
import Settings from './Settings.svelte';
|
||||
import { playAudio } from '$lib/stores';
|
||||
import { page } from '$app/stores';
|
||||
|
||||
@ -64,20 +63,9 @@
|
||||
|
||||
let isTouch = false;
|
||||
let nav: HTMLDivElement;
|
||||
let settings: HTMLDialogElement;
|
||||
</script>
|
||||
|
||||
<svelte:body
|
||||
on:keyup={(e) => {
|
||||
if (e.key === 'Escape') {
|
||||
e.preventDefault();
|
||||
if (settings.open) {
|
||||
settings.close();
|
||||
} else {
|
||||
settings.show();
|
||||
}
|
||||
}
|
||||
}}
|
||||
on:touchend={(e) => {
|
||||
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
||||
// @ts-ignore
|
||||
@ -172,13 +160,3 @@
|
||||
</div>
|
||||
</div>
|
||||
</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