split/monofile
1
0
Fork 0
mirror of https://github.com/mollersuite/monofile.git synced 2024-11-24 22:56:26 -08:00
Code Issues Actions Packages Projects Releases 1 Wiki Activity

ok

Browse source
This commit is contained in:
May 2023-06-28 22:48:44 -07:00
parent b484489710
commit f608eb053f
3 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
assets/icons/refresh.svg Normal file
View file

@ -0,0 +1 @@
<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm3.27-11.25H14a.75.75 0 0 0 0 1.5h2.75a.75.75 0 0 0 .75-.75V8.25a.75.75 0 0 0-1.5 0V9a4.991 4.991 0 0 0-4-2c-1.537 0-2.904.66-3.827 1.77a.75.75 0 0 0 1.154.96C9.963 8.963 10.907 8.5 12 8.5c1.492 0 2.767.934 3.27 2.25Zm-7.27 5V15a5.013 5.013 0 0 0 7.821.237.75.75 0 1 0-1.142-.972 3.513 3.513 0 0 1-5.842-.765H10a.75.75 0 0 0 0-1.5H7.25a.75.75 0 0 0-.75.75v3a.75.75 0 0 0 1.5 0Z" fill="#DDDDDD"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 578 B

9
src/svelte/elem/pulldowns/Accounts.svelte
View file

@ -2,7 +2,7 @@
import Pulldown from "./Pulldown.svelte" import Pulldown from "./Pulldown.svelte"
import { padding_scaleY } from "../transition/padding_scaleY" import { padding_scaleY } from "../transition/padding_scaleY"
import { circIn,circOut } from "svelte/easing" import { circIn,circOut } from "svelte/easing"
import { account, fetchAccountData, serverStats } from "../stores.mjs"; import { account, fetchAccountData, serverStats, refreshNeeded } from "../stores.mjs";
import { fade } from "svelte/transition"; import { fade } from "svelte/transition";
import OptionPicker from "../prompts/OptionPicker.svelte"; import OptionPicker from "../prompts/OptionPicker.svelte";
import * as accOpts from "../prompts/account"; import * as accOpts from "../prompts/account";
@ -161,6 +161,13 @@
<p>Set custom CSS<span><br />{@html $account.customCSS ? `Using file ID <span class="number">${$account.customCSS}</span>` : "No custom CSS set"}</span></p> <p>Set custom CSS<span><br />{@html $account.customCSS ? `Using file ID <span class="number">${$account.customCSS}</span>` : "No custom CSS set"}</span></p>
</button> </button>
{#if $refreshNeeded}
<button on:click={() => window.location.reload(true)} transition:fade={{duration: 200}}>
<img src="/static/assets/icons/refresh.svg" alt="refresh">
<p>Refresh<span><br />Changes were made which require a refresh</span></p>
</button>
{/if}
<div class="category"> <div class="category">
<p>Sessions</p> <p>Sessions</p>
</div> </div>

1
src/svelte/elem/stores.mjs
View file

@ -1,5 +1,6 @@
import { writable } from "svelte/store" import { writable } from "svelte/store"
export let refreshNeeded = writable(false)
export let pulldownManager = writable(0) export let pulldownManager = writable(0)
export let account = writable({}) export let account = writable({})
export let serverStats = writable({}) export let serverStats = writable({})