style: major interface improvements

This commit is contained in:
SethBurkart123
2025-05-05 22:58:15 +10:00
parent eeb63b5d1a
commit 364a5c2f22
9 changed files with 97 additions and 85 deletions
+2 -2
View File
@@ -30,7 +30,7 @@
</script>
<div
class="flex w-14 p-1 cursor-pointer transition-all duration-150 rounded-full dark:bg-[#38373D] bg-[#DDDDDD] switch select-none"
class="flex w-14 p-1 cursor-pointer transition-all duration-150 rounded-full bg-gradient-to-tr dark:from-[#38373D]/50 dark:to-[#38373D] from-[#DDDDDD]/50 to-[#DDDDDD] switch select-none"
data-ison={state}
onclick={() => onChange(!state)}
onkeydown={(e) => e.key === "Enter" && onChange(!state)}
@@ -46,6 +46,6 @@
<style>
.switch[data-ison="true"] {
background-color: #30D259;
@apply from-[#30D259]/50 to-[#30D259];
}
</style>