0xMRTT/webcompile
1
0
Fork 0
forked from ProjectSegfault/website
Code Pull Requests Activity

fix more issues with the theme switch (closes #83)

Browse Source
This commit is contained in:
Akis 2022-10-01 11:46:36 +03:00
parent af11ef4c80
commit 04041ecf63
Signed by untrusted user: akis
GPG Key ID: 267BF5C6677944ED
1 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/lib/ThemeToggle.svelte
View File

@ -15,7 +15,16 @@
<DarkMode bind:theme /> <DarkMode bind:theme />
<button on:click={toggle} class="cursor-pointer flex items-center py-1 px-0 bg-transparent border-0 font-[var(--font-primary)]"> <button on:click={toggle} class="cursor-pointer flex items-center py-1 px-0 bg-transparent border-0 font-[var(--font-primary)] color-[var(--text)]">
<div class="i-fa6-solid:{theme === "dark" ? "sun" : "moon"}" /> <div class="i-fa6-solid:{theme === "dark" ? "sun" : "moon"}" />
<span class="ml-1 sm:hidden">Toggle theme</span> <span class="ml-2">Toggle theme</span>
</button> </button>
<style>
@media screen and (min-width: 900px) {
span {
display: none;
margin-left: 0.25rem;
}
}
</style>