diff --git a/docker-compose.yml b/docker-compose.yml index 844d876..5f30b6e 100644 --- a/docker-compose.yml +++ b/docker-compose.yml @@ -3,7 +3,7 @@ services: build: context: . dockerfile: Dockerfile - image: tradus-web:1.4.4 + image: tradus-web:1.4.5 container_name: tradus-web ports: - '6000:80' diff --git a/src/App.vue b/src/App.vue index 2b68139..fb0ffa1 100644 --- a/src/App.vue +++ b/src/App.vue @@ -2436,7 +2436,7 @@ html { /* 用户邮箱显示样式 */ .user-email-display { - font-size: 0.9rem; + font-size: var(--medium-font-size); font-weight: var(--font-weight-medium); color: var(--color-text-primary); transition: all 0.2s ease; @@ -2449,32 +2449,32 @@ html { /* 用户会员标签样式 */ .user-member-tag { - margin-top: 0.25rem; + margin-top: 0.3rem; } .member-tag { - display: inline-block; - padding: 0.2rem 0.5rem; - background: #3b82f6; + display: inline-flex; + align-items: center; + padding: 0.15rem 0.45rem; + background: #60a5fa; color: white; - font-size: 0.75rem; + font-size: 10px; font-weight: 500; - border-radius: 0.375rem; + border-radius: 0.25rem; transition: all 0.2s ease; + border: none; + letter-spacing: 0.01em; } .member-tag.svip-tag { - background: linear-gradient(135deg, #d4af37, #ffd700); - color: #2d1810; - box-shadow: 0 2px 4px rgba(212, 175, 55, 0.3); + background: #fbbf24; + color: white; + font-weight: 600; } .member-tag:hover { - transform: scale(1.05); -} - -.member-tag.svip-tag:hover { - box-shadow: 0 4px 8px rgba(212, 175, 55, 0.4); + opacity: 0.85; + transform: translateY(-0.5px); } /* 模态框中的用户会员信息 */ @@ -2487,7 +2487,7 @@ html { } .expire-text { - font-size: 0.85rem; + font-size: var(--small-font-size); color: var(--color-text-secondary); font-weight: 400; } @@ -2528,6 +2528,16 @@ html { background-color: rgba(255, 255, 255, 0.03); } +/* 深色主题下的会员标签优化 */ +[data-theme='dark'] .member-tag { + background: #818cf8; +} + +[data-theme='dark'] .member-tag.svip-tag { + background: #fbbf24; + color: white; +} + /* 小屏幕优化 */ @media (max-width: 480px) { .menu-button { diff --git a/src/views/ChatAgentView.vue b/src/views/ChatAgentView.vue index 89c873a..11bed7e 100644 --- a/src/views/ChatAgentView.vue +++ b/src/views/ChatAgentView.vue @@ -948,8 +948,8 @@ const stopStreaming = async () => { .conversation-title { margin: 0; - font-size: 0.85rem; - font-weight: 500; + font-size: 1rem; + font-weight: 600; color: var(--color-text-primary); text-align: center; } @@ -2002,7 +2002,7 @@ const stopStreaming = async () => { } .conversation-title { - font-size: 0.85rem; + font-size: 0.95rem; } .dropdown-icon {