fix: Swiss 版日期字号单独降档,避免长字符串越出格子边框

This commit is contained in:
ylhan
2026-08-27 00:22:09 +08:00
parent e49ce2e4a1
commit f88a2f5bd7
+3 -1
View File
@@ -58,6 +58,8 @@
.label { display: flex; align-items: center; gap: 9px; font-size: .68rem; letter-spacing: .22em; text-transform: uppercase; color: var(--muted); margin-bottom: 16px; }
.label::before { content: ""; width: 6px; height: 6px; background: var(--accent); flex-shrink: 0; }
.big { font-size: clamp(2rem, 5vw, 3.6rem); font-weight: 250; font-variant-numeric: tabular-nums; letter-spacing: -.01em; line-height: 1.05; display: flex; align-items: baseline; gap: .28em; white-space: nowrap; }
/* 日期字符串比时钟长(含"周X"),单独降一档保证不越出格子 */
.big.date { font-size: clamp(1.5rem, 3.2vw, 2.6rem); }
.sky .emoji { font-size: .62em; transform: translateY(-.04em); }
.wcity { margin-top: 10px; font-size: .78rem; color: var(--muted); letter-spacing: .06em; min-height: 1.2em; }
@@ -150,7 +152,7 @@
</div>
<div class="cell">
<span class="label">日期 Date</span>
<span class="big" id="dateval">----</span>
<span class="big date" id="dateval">----</span>
</div>
<div class="cell">
<span class="label">时间 Time</span>