diff --git a/mobile-uni/src/components/chat/AskSourceHeader.vue b/mobile-uni/src/components/chat/AskSourceHeader.vue index e2a90e07..06fd10bb 100644 --- a/mobile-uni/src/components/chat/AskSourceHeader.vue +++ b/mobile-uni/src/components/chat/AskSourceHeader.vue @@ -74,44 +74,45 @@ const selectWeb = () => { .compact-header-row { display: flex; - height: 40px; + height: 38px; align-items: center; justify-content: space-between; - gap: 8px; + gap: 6px; } .brand-box { display: flex; align-items: center; - gap: 6px; + gap: 5px; flex: none; } .brand-name { color: #1a1a1a; - font-size: 16px; + font-size: 15px; font-weight: 800; + letter-spacing: -0.2px; } .status-pill { display: flex; align-items: center; - gap: 4px; - padding: 2px 6px; + gap: 3px; + padding: 1px 5px; border-radius: 999px; background: #edf7f0; } .green-dot { - width: 6px; - height: 6px; + width: 5px; + height: 5px; border-radius: 50%; background: #10b981; - box-shadow: 0 0 6px rgba(16, 185, 129, 0.6); + box-shadow: 0 0 4px rgba(16, 185, 129, 0.6); } .status-text { - font-size: 10px; + font-size: 9px; font-weight: 700; color: #10b981; } @@ -119,7 +120,7 @@ const selectWeb = () => { .source-switch { display: flex; align-items: center; - padding: 3px; + padding: 2px; border-radius: 999px; background: #f1f3f7; flex: none; @@ -129,8 +130,8 @@ const selectWeb = () => { display: flex; align-items: center; justify-content: center; - height: 30px; - padding: 0 12px; + height: 28px; + padding: 0 10px; border: none; border-radius: 999px; background: transparent; @@ -144,7 +145,7 @@ const selectWeb = () => { .source-option.active { background: #ffffff; color: #e60012; - box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); } .source-option::after, @@ -155,9 +156,9 @@ const selectWeb = () => { .new-chat-btn { display: flex; align-items: center; - gap: 3px; - height: 30px; - padding: 0 10px; + gap: 2px; + height: 28px; + padding: 0 8px; border: 1px solid rgba(230, 0, 18, 0.2); border-radius: 999px; background: #fff5f5; @@ -170,7 +171,7 @@ const selectWeb = () => { } .new-chat-text { - font-size: 12px; + font-size: 11px; font-weight: 800; color: #e60012; }