youwen5/jankboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: update settings input icons

Browse source
This commit is contained in:
Youwen Wu 2024-02-24 21:36:26 -08:00
parent b8d4aa3d0b
commit a87091152d
2 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
client/src/lib/Apps/Settings/Settings.svelte
View file

@ -40,7 +40,7 @@
RNG Weight RNG Weight
</SettingsInput> </SettingsInput>
<button <button
class="mt-10 px-4 py-2 bg-blue-500 hover:brightness-75 text-medium rounded-lg w-min" class="mt-10 px-4 py-2 bg-amber-600 hover:brightness-75 text-medium rounded-lg w-min"
on:click={resetSettings}>Reset</button on:click={resetSettings}>Reset</button
> >

9
client/src/lib/Apps/Settings/SettingsInput.svelte
View file

@ -28,6 +28,11 @@
// @ts-expect-error // @ts-expect-error
value = get(settingsStore)[setting] value = get(settingsStore)[setting]
}) })
settingsStore.subscribe(data => {
// @ts-expect-error
value = data[setting]
})
</script> </script>
<span class="flex flex-row gap-2"> <span class="flex flex-row gap-2">
@ -39,10 +44,10 @@
class="text-slate-800 rounded-lg p-0.5 text-center" class="text-slate-800 rounded-lg p-0.5 text-center"
/> />
<button <button
class="bg-blue-500 px-4 py-2 rounded-lg hover:brightness-75 font-medium" class="bg-blue-500 px-2 py-1 rounded-lg hover:brightness-75 font-medium"
on:click={handleSubmit} on:click={handleSubmit}
> >
Save <span class="material-symbols-outlined mt-1">check</span>
</button> </button>
<label <label
class="text-xl text-slate-100 font-medium my-auto" class="text-xl text-slate-100 font-medium my-auto"