admin/prop-ai-hr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(mobile-uni): 优化 AskSourceHeader 390px 视口间距，保证顶栏三个区域舒展平铺

Browse Source
This commit is contained in:
admin
2026-07-23 02:16:08 +08:00
parent 5a31896394
commit 63dea94fc1
1 changed files with 19 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
mobile-uni/src/components/chat/AskSourceHeader.vue
+19 -18
View File
@@ -74,44 +74,45 @@ const selectWeb = () => {
.compact-header-row { .compact-header-row {
display: flex; display: flex;
height: 40px; height: 38px;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
gap: 8px; gap: 6px;
} }
.brand-box { .brand-box {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 6px; gap: 5px;
flex: none; flex: none;
} }
.brand-name { .brand-name {
color: #1a1a1a; color: #1a1a1a;
font-size: 16px; font-size: 15px;
font-weight: 800; font-weight: 800;
letter-spacing: -0.2px;
} }
.status-pill { .status-pill {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 4px; gap: 3px;
padding: 2px 6px; padding: 1px 5px;
border-radius: 999px; border-radius: 999px;
background: #edf7f0; background: #edf7f0;
} }
.green-dot { .green-dot {
width: 6px; width: 5px;
height: 6px; height: 5px;
border-radius: 50%; border-radius: 50%;
background: #10b981; 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 { .status-text {
font-size: 10px; font-size: 9px;
font-weight: 700; font-weight: 700;
color: #10b981; color: #10b981;
} }
@@ -119,7 +120,7 @@ const selectWeb = () => {
.source-switch { .source-switch {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 3px; padding: 2px;
border-radius: 999px; border-radius: 999px;
background: #f1f3f7; background: #f1f3f7;
flex: none; flex: none;
@@ -129,8 +130,8 @@ const selectWeb = () => {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
height: 30px; height: 28px;
padding: 0 12px; padding: 0 10px;
border: none; border: none;
border-radius: 999px; border-radius: 999px;
background: transparent; background: transparent;
@@ -144,7 +145,7 @@ const selectWeb = () => {
.source-option.active { .source-option.active {
background: #ffffff; background: #ffffff;
color: #e60012; 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, .source-option::after,
@@ -155,9 +156,9 @@ const selectWeb = () => {
.new-chat-btn { .new-chat-btn {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 3px; gap: 2px;
height: 30px; height: 28px;
padding: 0 10px; padding: 0 8px;
border: 1px solid rgba(230, 0, 18, 0.2); border: 1px solid rgba(230, 0, 18, 0.2);
border-radius: 999px; border-radius: 999px;
background: #fff5f5; background: #fff5f5;
@@ -170,7 +171,7 @@ const selectWeb = () => {
} }
.new-chat-text { .new-chat-text {
font-size: 12px; font-size: 11px;
font-weight: 800; font-weight: 800;
color: #e60012; color: #e60012;
} }