diff options
Diffstat (limited to 'src/components/Footer.svelte')
| -rw-r--r-- | src/components/Footer.svelte | 17 |
1 files changed, 4 insertions, 13 deletions
diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte index e8646a4a..3f92ba85 100644 --- a/src/components/Footer.svelte +++ b/src/components/Footer.svelte @@ -1,8 +1,7 @@ <script> - import Icon from "$comp/Icon.svelte"; + import DarkToggle from "$comp/DarkToggle.svelte"; import LocaleSelector from "$comp/LocaleSelector.svelte"; import { t } from "$lib/translations"; - import { theme } from "$lib/store"; const followLinks = [ { @@ -17,7 +16,6 @@ { url: "/docs", titleID: "documentation" }, { url: "/support", titleID: "support" }, ]; - let dark = () => ($theme = $theme === "dark" ? "light" : "dark"); </script> <footer @@ -38,17 +36,10 @@ </a> </div> </div> - <div class="w-full flex flex-wrap sm:flex-nowrap gap-2 justify-center items-center"> + <div + class="w-full flex flex-wrap sm:flex-nowrap gap-2 justify-center items-center" + > <LocaleSelector /> - <button - class="flex justify-center items-center font-semibold hover:opacity-80 gap-2" - on:click={dark} - > - <iconify-icon - icon={$theme === "dark" ? "ph:sun-bold" : "ph:moon-stars-bold"} - width="30" - /> - </button> </div> </div> |