Optimize front-end theme switching icons

3 years ago · 1c701abc3a
parent 94aa90295d
commit 1c701abc3a
1 changed files with 5 additions and 2 deletions
--- a/web/src/components/main-nav.vue
+++ b/web/src/components/main-nav.vue
@ -23,8 +23,11 @@
                    size="small"
                    class="theme-switch-wrap"
                >
-                    <template #icon>
-                        <dark-mode-outlined />
+                    <template #checked-icon>
+                        <n-icon :component="LightModeOutlined" />
+                    </template>
+                    <template #unchecked-icon>
+                        <n-icon :component="DarkModeOutlined" />
                    </template>
                </n-switch>
            </div>