|
@@ -20,11 +20,13 @@
|
|
|
<div class="theme-switch" @click="toggleTheme" :title="isDarkTheme ? '切换到浅色模式' : '切换到深色模式'">
|
|
|
<transition name="theme-icon" mode="out-in">
|
|
|
<img
|
|
|
+ v-if="isDarkTheme"
|
|
|
:key="isDarkTheme"
|
|
|
- :src="isDarkTheme ? '../assets/svg/sun.svg' : '../assets/svg/moon.svg'"
|
|
|
- :alt="isDarkTheme ? '切换到浅色模式' : '切换到深色模式'"
|
|
|
+ src="../assets/sun2.png"
|
|
|
+ alt="切换到浅色模式"
|
|
|
class="theme-icon"
|
|
|
/>
|
|
|
+ <img v-else class="theme-icon" src="../assets/night2.png" alt="切换到深色模式">
|
|
|
</transition>
|
|
|
</div>
|
|
|
<div class="user-info" @click="toggleDropdown">
|
|
@@ -4500,8 +4502,8 @@ button,
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
- width: 40px;
|
|
|
- height: 40px;
|
|
|
+ width: 25px;
|
|
|
+ height: 25px;
|
|
|
margin-right: 16px;
|
|
|
padding: 8px;
|
|
|
border-radius: 50%;
|
|
@@ -4515,8 +4517,8 @@ button,
|
|
|
}
|
|
|
|
|
|
.theme-icon {
|
|
|
- width: 24px;
|
|
|
- height: 24px;
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
color: var(--primary-text);
|
|
|
}
|
|
|
|