feat: SystemAuth page add theme switch icons

flingyp · Oct 16, 2023 · 8d7fc1f · 8d7fc1f
1 parent b087f10
commit 8d7fc1f
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/src/views/auth/SystemAuth.vue b/src/views/auth/SystemAuth.vue
@@ -3,6 +3,9 @@ import SystemLogin from './components/SystemLogin.vue'
 import SystemRegister from './components/SystemRegister.vue'
 import SystemTip from './components/Tip.vue'
 
+const { toggleDark } = useTheme()
+const { themeMode } = storeToRefs(useVAdmireConfigStore())
+
 const isAuthLoin = ref(true)
 const rotateYComputed = computed(() => {
   if (isAuthLoin.value) {
@@ -40,6 +43,17 @@ provide('switchSign', switchSign)
 
     <SystemTip />
   </div>
+
+  <div class="absolute text-2xl cursor-pointer top-10 right-10">
+    <icon-line-md:sunny-outline-to-moon-alt-loop-transition
+      v-if="themeMode === 'LIGHT'"
+      @click="toggleDark(true)"
+    />
+    <icon-line-md:sunny-outline-loop
+      v-else
+      @click="toggleDark(false)"
+    />
+  </div>
 </template>
 
 <style scoped lang="scss">