🐛 Fix mobile navbar theme switcher logo size

Open-Webtoon-Reader · Jun 30, 2024 · d172364 · d172364
1 parent cb8e5b3
commit d172364
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/components/ThemeSwitcher.vue b/components/ThemeSwitcher.vue
@@ -15,8 +15,10 @@ function toggleTheme(){
 </script>
 
 <template>
-    <Icon v-if="theme === 'dark'" name="iconoir:half-moon" class="w-8 h-8" @click="toggleTheme"/>
-    <Icon v-else-if="theme === 'light'" name="iconoir:sun-light" class="w-8 h-8" @click="toggleTheme"/>
+    <ClientOnly>
+        <Icon v-if="theme === 'dark'" name="iconoir:half-moon" class="w-8 h-8" @click="toggleTheme"/>
+        <Icon v-else-if="theme === 'light'" name="iconoir:sun-light" class="w-8 h-8" @click="toggleTheme"/>
+    </ClientOnly>
 </template>
 
 <style scoped>