update

docker-compose.yml

@@ -5,7 +5,7 @@ services:
     build:
       context: .
       dockerfile: Dockerfile
-    image: tradus-web:1.3.21
+    image: tradus-web:1.3.22
     container_name: tradus-web
     ports:
       - '6000:80'

src/App.vue

@@ -13,7 +13,7 @@ const themeStore = useThemeStore()
 const isAuthenticated = computed(() => userStore.isAuthenticated)
 const userInfo = computed(() => userStore.userInfo)
 const showMobileMenu = ref(false)
-const showUserMenu = ref(false)
+// const showUserMenu = ref(false)
 const showLoginModal = ref(false)
 const showResetPasswordModal = ref(false)
 const showUserInfoModal = ref(false)
@@ -356,7 +356,7 @@ const handleLogout = () => {
     window.location.href = '/'
   }
   showMobileMenu.value = false
-  showUserMenu.value = false
+  // showUserMenu.value = false
   showUserInfoModal.value = false
 }
 
@@ -364,10 +364,10 @@ const toggleMobileMenu = () => {
   showMobileMenu.value = !showMobileMenu.value
 }
 
-const toggleUserMenu = (event: Event) => {
-  event.stopPropagation()
-  showUserMenu.value = !showUserMenu.value
-}
+// const toggleUserMenu = (event: Event) => {
+//   event.stopPropagation()
+//   showUserMenu.value = !showUserMenu.value
+// }
 
 // 点击其他地方关闭菜单
 const closeMenus = (event: MouseEvent) => {
@@ -407,7 +407,7 @@ const openResetPasswordModal = () => {
 // 打开用户信息模态框
 const openUserInfoModal = () => {
   showUserInfoModal.value = true
-  showUserMenu.value = false
+  // showUserMenu.value = false
   showMobileMenu.value = false
 }
 
@@ -417,9 +417,9 @@ const closeUserInfoModal = () => {
 }
 
 // 切换主题
-const toggleTheme = () => {
-  themeStore.toggleTheme()
-}
+// const toggleTheme = () => {
+//   themeStore.toggleTheme()
+// }
 
 onMounted(() => {
   document.addEventListener('click', closeMenus)
@@ -2162,14 +2162,14 @@ html {
 }
 
 .user-avatar-large {
-  width: 4rem;
-  height: 4rem;
+  width: 3.5rem;
+  height: 3.5rem;
   border-radius: 50%;
   background: linear-gradient(135deg, var(--color-accent) 0%, rgba(51, 85, 255, 0.8) 100%);
   display: flex;
   align-items: center;
   justify-content: center;
-  font-size: 1.8rem;
+  font-size: 1.5rem;
   font-weight: bold;
   color: white;
   box-shadow: 0 4px 12px rgba(51, 85, 255, 0.2);
@@ -2180,7 +2180,7 @@ html {
 }
 
 .user-display-name {
-  font-size: 1.5rem;
+  font-size: 1.1rem;
   font-weight: 600;
   margin: 0;
   color: var(--color-text-primary);
@@ -2311,7 +2311,7 @@ html {
 /* 响应式设计 */
 @media (max-width: 768px) {
   .user-info-modal-container {
-    width: 95%;
+    width: 85%;
     max-width: none;
   }
 
@@ -2327,7 +2327,7 @@ html {
   }
 
   .user-display-name {
-    font-size: 1.3rem;
+    font-size: 1rem;
   }
 
   .settings-section {

src/stores/theme.ts

@@ -9,9 +9,9 @@ const applyThemeToDOM = (theme: ThemeMode) => {
 }
 
 export const useThemeStore = defineStore('theme', () => {
-  // 获取存储的主题或默认为深色
+  // 获取存储的主题或默认为浅色
   const storedTheme = localStorage.getItem('theme') as ThemeMode | null
-  const currentTheme = ref<ThemeMode>(storedTheme || 'dark')
+  const currentTheme = ref<ThemeMode>(storedTheme || 'light')
 
   // 立即应用当前主题到DOM
   applyThemeToDOM(currentTheme.value)