限制接线的宽度,别让它看起来像折线图

那根线原本占满整个弹性列,被误认成流量曲线。它纯粹是装饰,不承载任何数据,
而一个看起来像信息却什么都不表示的东西就是缺陷。收窄到 72px,明确读作一段线。
This commit is contained in:
im0o
2026-08-10 12:13:02 +08:00
parent 69ae918e7c
commit e678e7716b
+8
View File
@@ -297,8 +297,16 @@ async function pickOutbound(mode: OutboundMode) {
line-height: 1.6;
}
/*
* 一段接线的意象,纯装饰,不承载任何数据。
* 它原本占满整个弹性列,结果被误认成折线图——一个看起来像信息的东西如果什么都不表示,
* 那就是缺陷。所以限制宽度,让它明确读作「一段线」而不是「一条曲线」。
*/
.wire {
height: 1px;
width: 100%;
max-width: 72px;
margin: 0 auto;
background: linear-gradient(
to right,
var(--c-border-strong),