Merge pull request #15 from grzegorzxpatyk/develop

Merge develop into main: fix css styling and clean up code
grzegorzxpatyk · Oct 8, 2023 · 3c856b5 · 3c856b5
2 parents 31598b4 + e01296f
commit 3c856b5
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 5 deletions.
diff --git a/src/lib/components/contact.svelte b/src/lib/components/contact.svelte
@@ -5,7 +5,6 @@
 	let isMediumScreen: boolean | undefined;
 
 	const markIsMedium = () => {
-			console.log(window.innerWidth);
 			if (window.innerWidth > 768 && window.innerWidth < 1350) {
 				isMediumScreen = true;
 			} else {

diff --git a/src/lib/components/themeSwitch.svelte b/src/lib/components/themeSwitch.svelte
@@ -31,7 +31,6 @@
         theme.set(localStorage?.theme);
 
         theme.subscribe((value) => {
-            console.log(value);
             localStorage.theme = value;
             switch (value) {
                 case 'dark':
@@ -50,7 +49,6 @@
         window
             .matchMedia('(prefers-color-scheme: dark)')
             .addEventListener('change', (event) => {
-                console.log(event);
                 if (localStorage.theme !== 'OSDefault') {
                     return;
                 }

diff --git a/src/lib/components/themeSwitchButton.svelte b/src/lib/components/themeSwitchButton.svelte
@@ -33,9 +33,9 @@
         <Sun size={16} />
     {/if}
 </button>
-<label for="theme-{variant}-switch" class="{isLabelVisible ? 'absolute' : 'hidden'} top-16 p-2 dark:bg-zinc-300 dark:bg-opacity-50 bg-zinc-200 bg-opacity-50 rounded-md font-semibold text-sm w-full text-center">
+<label for="theme-{variant}-switch" class="{isLabelVisible ? 'block' : 'hidden'} absolute top-16 p-2 dark:bg-zinc-300 dark:bg-opacity-50 bg-zinc-200 bg-opacity-50 rounded-md font-semibold text-sm w-full text-center ">
     {#if isActive}
-        OSDefault
+        OS Default
     {:else}
         {variant} theme
     {/if}