fix: Swiss 版日期字号单独降档,避免长字符串越出格子边框
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user