fix: 分区角标改按左边缘定位,位数不同间距也一致
原来 right: -30px 按右边缘定位,badge 宽度随位数变化: 本地服务(1 位数)离标题 14px,推荐电影 / CES(2 位数)只有 8px。 改成 left: calc(100% + 8px),四张卡片实测间距全部为 8px。
This commit is contained in:
@@ -287,7 +287,9 @@
|
|||||||
.count-badge {
|
.count-badge {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: -8px;
|
top: -8px;
|
||||||
right: -30px;
|
/* 以左边缘定位:不管角标是 1 位还是 2 位数,和标题的距离都一样 */
|
||||||
|
left: calc(100% + 8px);
|
||||||
|
right: auto;
|
||||||
height: 16px;
|
height: 16px;
|
||||||
min-width: 16px;
|
min-width: 16px;
|
||||||
padding: 0 var(--su-space-1);
|
padding: 0 var(--su-space-1);
|
||||||
|
|||||||
Reference in New Issue
Block a user