Overhaul of Animation
This commit is contained in:
parent
4fe42ca663
commit
6135d18366
1 changed files with 5 additions and 11 deletions
|
@ -6,16 +6,11 @@
|
|||
export let showSettings: boolean;
|
||||
|
||||
let showAuthSaved = false;
|
||||
let showFiller = true;
|
||||
|
||||
const saveAuth = () => {
|
||||
showAuthSaved = true;
|
||||
showFiller = false;
|
||||
setTimeout(function() {
|
||||
showAuthSaved = false;
|
||||
setTimeout(function() {
|
||||
showFiller = true;
|
||||
}, 200);
|
||||
}, 2000);
|
||||
document.cookie = "authToken=" + authToken;
|
||||
}
|
||||
|
@ -50,14 +45,13 @@
|
|||
<label for="authTokenInput">Auth Token:</label>
|
||||
<input id="authTokenInput" bind:value={authToken} on:input={saveAuth} type="text">
|
||||
{#if showAuthSaved}
|
||||
<div in:fade={{duration: 200}} out:fade={{duration: 200}}>Saved!</div>
|
||||
{:else if showFiller}
|
||||
<br>
|
||||
<br>
|
||||
<label for="authTokenInput" in:fade={{duration: 200}} out:fade={{duration: 200}}>Saved!</label>
|
||||
{/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="-">Ungrouped<br>
|
||||
<input type="checkbox" bind:group={gameGroupSettings} value="-">Ungrouped<br> -->
|
||||
|
||||
<div class="settings-modal-save">
|
||||
<button>Save</button>
|
||||
|
|
Reference in a new issue