This commit is contained in:
Lan
2024-09-25 23:24:44 +08:00
parent 42dd39aed7
commit 3fafe768e2
+1 -1
View File
@@ -13,7 +13,7 @@ const toggleColorMode = () => {
<template> <template>
<button <button
@click="toggleColorMode" @click="toggleColorMode"
class="fixed top-4 right-4 p-2 rounded-full transition-all duration-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transform hover:rotate-180" class="fixed top-4 right-4 z-10 p-2 rounded-full transition-all duration-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transform hover:rotate-180"
:class="isDarkMode ? 'bg-gray-800 text-yellow-300' : 'bg-white text-gray-800'" :class="isDarkMode ? 'bg-gray-800 text-yellow-300' : 'bg-white text-gray-800'"
> >
<SunIcon v-if="!isDarkMode" class="w-6 h-6" /> <SunIcon v-if="!isDarkMode" class="w-6 h-6" />