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