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
</SettingsInput>
<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
>

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

@ -28,6 +28,11 @@
// @ts-expect-error
value = get(settingsStore)[setting]
})
settingsStore.subscribe(data => {
// @ts-expect-error
value = data[setting]
})
</script>
<span class="flex flex-row gap-2">
@ -39,10 +44,10 @@
class="text-slate-800 rounded-lg p-0.5 text-center"
/>
<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}
>
Save
<span class="material-symbols-outlined mt-1">check</span>
</button>
<label
class="text-xl text-slate-100 font-medium my-auto"