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 {
|
||||
position: absolute;
|
||||
top: -8px;
|
||||
right: -30px;
|
||||
/* 以左边缘定位:不管角标是 1 位还是 2 位数,和标题的距离都一样 */
|
||||
left: calc(100% + 8px);
|
||||
right: auto;
|
||||
height: 16px;
|
||||
min-width: 16px;
|
||||
padding: 0 var(--su-space-1);
|
||||
|
||||
Reference in New Issue
Block a user