全局美化 v1
This commit is contained in:
tamakyi
+29
-29
@@ -35,7 +35,7 @@
|
||||
.preview-card {
|
||||
background: #fff;
|
||||
padding: 20px;
|
||||
border: 1px solid #e5e5e5;
|
||||
border: 1px solid var(--tb-border);
|
||||
border-radius: 8px;
|
||||
text-align: center;
|
||||
}
|
||||
@@ -76,9 +76,9 @@
|
||||
gap: 4px;
|
||||
padding: 4px;
|
||||
margin-bottom: 18px;
|
||||
border: 1px solid var(--tb-border, #e5e5e5);
|
||||
border: 1px solid var(--tb-border);
|
||||
border-radius: 9px;
|
||||
background: var(--tb-surface-2, #fafafa);
|
||||
background: var(--tb-surface-2);
|
||||
}
|
||||
.profile-tab {
|
||||
flex: 1;
|
||||
@@ -86,17 +86,17 @@
|
||||
border-radius: 6px;
|
||||
padding: 9px 8px;
|
||||
background: transparent;
|
||||
color: var(--tb-text-muted, #666);
|
||||
color: var(--tb-text-muted);
|
||||
cursor: pointer;
|
||||
font-size: 0.9rem;
|
||||
white-space: nowrap;
|
||||
transition: background 0.2s ease, color 0.2s ease;
|
||||
}
|
||||
.profile-tab:hover { color: var(--tb-primary, #1e87f0); }
|
||||
.profile-tab:hover { color: var(--tb-primary); }
|
||||
.profile-tab.is-active {
|
||||
background: var(--tb-surface, #fff);
|
||||
background: var(--tb-surface);
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.10);
|
||||
color: var(--tb-primary, #1e87f0);
|
||||
color: var(--tb-primary);
|
||||
font-weight: 600;
|
||||
}
|
||||
.profile-panel[hidden] { display: none !important; }
|
||||
@@ -113,7 +113,7 @@
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
padding: 16px;
|
||||
border: 1px solid #e5e5e5;
|
||||
border: 1px solid var(--tb-border);
|
||||
border-radius: 8px;
|
||||
background: #fff;
|
||||
}
|
||||
@@ -137,7 +137,7 @@
|
||||
display: block;
|
||||
font-size: 0.78rem;
|
||||
line-height: 1.5;
|
||||
color: #999;
|
||||
color: var(--tb-text-muted);
|
||||
}
|
||||
.feat-field { display: block; }
|
||||
.feat-field > label > span {
|
||||
@@ -172,18 +172,18 @@
|
||||
align-items: center;
|
||||
gap: 3px;
|
||||
padding: 3px 8px;
|
||||
border: 1px solid #e5e5e5;
|
||||
border: 1px solid var(--tb-border);
|
||||
border-radius: 999px;
|
||||
font-size: 0.78rem;
|
||||
color: #666;
|
||||
color: var(--tb-text-secondary);
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
}
|
||||
.feat-day input { margin: 0; }
|
||||
.feat-day.is-on {
|
||||
border-color: #1e87f0;
|
||||
border-color: var(--tb-primary);
|
||||
background: rgba(30, 135, 240, 0.08);
|
||||
color: #1e87f0;
|
||||
color: var(--tb-primary);
|
||||
}
|
||||
.feat-schedule-times {
|
||||
display: flex;
|
||||
@@ -195,12 +195,12 @@
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
font-size: 0.82rem;
|
||||
color: #666;
|
||||
color: var(--tb-text-secondary);
|
||||
}
|
||||
.feat-schedule-times input[type="time"] {
|
||||
width: 130px;
|
||||
padding: 4px 8px;
|
||||
border: 1px solid #e5e5e5;
|
||||
border: 1px solid var(--tb-border);
|
||||
border-radius: 4px;
|
||||
}
|
||||
html[data-theme="dark"] .feat-day {
|
||||
@@ -208,9 +208,9 @@
|
||||
color: var(--tb-text-muted);
|
||||
}
|
||||
html[data-theme="dark"] .feat-day.is-on {
|
||||
border-color: #1e87f0;
|
||||
border-color: var(--tb-primary);
|
||||
background: rgba(30, 135, 240, 0.14);
|
||||
color: #1e87f0;
|
||||
color: var(--tb-primary);
|
||||
}
|
||||
html[data-theme="dark"] .feat-schedule-times input[type="time"] {
|
||||
border-color: var(--tb-border);
|
||||
@@ -219,7 +219,7 @@
|
||||
}
|
||||
.feat-quota-line {
|
||||
font-size: 0.82rem;
|
||||
color: #666;
|
||||
color: var(--tb-text-secondary);
|
||||
text-align: center;
|
||||
}
|
||||
.feat-actions {
|
||||
@@ -259,19 +259,19 @@
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
padding: 6px 8px;
|
||||
border: 1px solid #e5e5e5;
|
||||
border: 1px solid var(--tb-border);
|
||||
border-radius: 4px;
|
||||
background: #fff;
|
||||
cursor: text;
|
||||
}
|
||||
.tb-tag-box:focus-within { border-color: #1e87f0; }
|
||||
.tb-tag-box:focus-within { border-color: var(--tb-primary); }
|
||||
.tb-tag-chip {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
padding: 2px 8px;
|
||||
border-radius: 3px;
|
||||
background: #1e87f0;
|
||||
background: var(--tb-primary);
|
||||
color: #fff;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.8;
|
||||
@@ -302,7 +302,7 @@
|
||||
gap: 8px;
|
||||
margin-top: 4px;
|
||||
font-size: 0.75rem;
|
||||
color: #999;
|
||||
color: var(--tb-text-muted);
|
||||
}
|
||||
.tb-tag-error { color: #f0506e; }
|
||||
html[data-theme="dark"] .tb-tag-box {
|
||||
@@ -316,7 +316,7 @@
|
||||
/* ===== profile account 面板卡片化（复用 UIkit 变量体系，暗色自动跟随） ===== */
|
||||
.tb-pcard {
|
||||
background: #fff;
|
||||
border: 1px solid #e5e5e5;
|
||||
border: 1px solid var(--tb-border);
|
||||
border-radius: 10px;
|
||||
padding: 13px 14px 8px;
|
||||
margin-bottom: 12px;
|
||||
@@ -332,7 +332,7 @@
|
||||
float: right;
|
||||
font-size: 0.76rem;
|
||||
font-weight: 400;
|
||||
color: #999;
|
||||
color: var(--tb-text-muted);
|
||||
line-height: 1.6;
|
||||
}
|
||||
/* 头像与背景预览：两项同行、整体居中；头像框与背景框“显示高度”一致（150px） */
|
||||
@@ -355,7 +355,7 @@
|
||||
.tb-media-frame {
|
||||
display: block;
|
||||
flex: none;
|
||||
border: 1px solid #e5e5e5;
|
||||
border: 1px solid var(--tb-border);
|
||||
background: #f7f7f7;
|
||||
overflow: hidden;
|
||||
}
|
||||
@@ -382,9 +382,9 @@
|
||||
margin: 8px 0 0;
|
||||
font-size: 0.72rem;
|
||||
line-height: 1;
|
||||
color: #666;
|
||||
color: var(--tb-text-secondary);
|
||||
background: #f4f4f4;
|
||||
border: 1px solid #e5e5e5;
|
||||
border: 1px solid var(--tb-border);
|
||||
border-radius: 999px;
|
||||
padding: 4px 9px;
|
||||
}
|
||||
@@ -392,7 +392,7 @@
|
||||
display: block;
|
||||
font-size: 0.78rem;
|
||||
line-height: 1.5;
|
||||
color: #999;
|
||||
color: var(--tb-text-muted);
|
||||
margin-top: 6px;
|
||||
}
|
||||
.tb-media-actions { margin-top: 10px; }
|
||||
@@ -421,7 +421,7 @@
|
||||
text-align: center;
|
||||
font-size: 0.78rem;
|
||||
line-height: 1.6;
|
||||
color: #999;
|
||||
color: var(--tb-text-muted);
|
||||
}
|
||||
.tb-account-note:last-child { margin-bottom: 0; }
|
||||
/* 裁剪弹窗：图片区域限制在视口内，移动端可用 */
|
||||
|
||||
Reference in New Issue
Block a user