Overhaul of Animation

This commit is contained in:
Neshura 2023-08-28 07:46:15 +02:00
parent 4fe42ca663
commit 6135d18366
Signed by: Neshura
GPG key ID: B6983AAA6B9A7A6C

View file

@ -6,16 +6,11 @@
export let showSettings: boolean; export let showSettings: boolean;
let showAuthSaved = false; let showAuthSaved = false;
let showFiller = true;
const saveAuth = () => { const saveAuth = () => {
showAuthSaved = true; showAuthSaved = true;
showFiller = false;
setTimeout(function() { setTimeout(function() {
showAuthSaved = false; showAuthSaved = false;
setTimeout(function() {
showFiller = true;
}, 200);
}, 2000); }, 2000);
document.cookie = "authToken=" + authToken; document.cookie = "authToken=" + authToken;
} }
@ -50,14 +45,13 @@
<label for="authTokenInput">Auth Token:</label> <label for="authTokenInput">Auth Token:</label>
<input id="authTokenInput" bind:value={authToken} on:input={saveAuth} type="text"> <input id="authTokenInput" bind:value={authToken} on:input={saveAuth} type="text">
{#if showAuthSaved} {#if showAuthSaved}
<div in:fade={{duration: 200}} out:fade={{duration: 200}}>Saved!</div> <label for="authTokenInput" in:fade={{duration: 200}} out:fade={{duration: 200}}>Saved!</label>
{:else if showFiller}
<br>
<br>
{/if} {/if}
<b>Show Game Groups:</b><br> <br>
<br>
<!-- <b>Show Game Groups:</b><br>
<input type="checkbox" bind:group={gameGroupSettings} value="b">Group B<br> <input type="checkbox" bind:group={gameGroupSettings} value="b">Group B<br>
<input type="checkbox" bind:group={gameGroupSettings} value="-">Ungrouped<br> <input type="checkbox" bind:group={gameGroupSettings} value="-">Ungrouped<br> -->
<div class="settings-modal-save"> <div class="settings-modal-save">
<button>Save</button> <button>Save</button>