ProjectSegfault/website
4
2
Fork 1
mirror of https://github.com/ProjectSegfault/website.git synced 2024-11-26 16:52:08 +05:30
Code Issues 1 Projects Releases Wiki 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

13
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>