fix(comments): match avatar identity layout

This commit is contained in:
kate522 committed 2026-09-27 00:37:00 +08:00
1 parent 47bf9c8f0b
commit 26ac8167f3
14 files changed
+51 -176

No files matched your search

-17
View File
@@ -195,7 +195,6 @@ main.container,
* All compact identity marks share one line-height baseline: VIP, level,
* certification, and worn medals remain visually aligned in every surface.
*/
.aksrt-vip-badge,
.aksrt-user-level-badge,
.aksrt-user-level-icon,
.aksrt-identity-medal,
@@ -212,17 +211,6 @@ main.container,
flex: 0 0 auto;
box-sizing: border-box;
}
.aksrt-vip-badge__icon {
display: block;
width: auto;
height: 1.1em;
max-width: 6em;
object-fit: contain;
}
.aksrt-vip-badge > i {
font-size: .9em;
line-height: 1;
}
.aksrt-user-level-badge {
padding: 0 .35em;
font-size: .78em;
@@ -236,11 +224,6 @@ main.container,
height: 1em;
vertical-align: -.12em;
}
.aksrt-vip-badge--sm {
height: 1.1em;
padding: 0;
font-size: inherit;
}
/* No-wrap inline name rows — keep the level icon on the same line as the name.
* The non-standard <name> element (legacy compat) plus .user-name / author-hero /
+2 -38
View File
@@ -282,47 +282,11 @@
color: #fff;
}
/* ============ VIP 徽标 ============ */
.aksrt-vip-badge {
display: inline-flex;
align-items: center;
justify-content: center;
width: auto;
height: 1.1em;
padding: 0;
border-radius: 0;
font: inherit;
line-height: 1;
background: transparent;
color: inherit;
vertical-align: -.15em;
}
.aksrt-vip-level-icon,
.aksrt-vip-badge__icon {
/* Configured paid-content tier icons. */
.aksrt-vip-level-icon {
display: block;
width: auto;
height: 1.1em;
max-width: 6em;
object-fit: contain;
}
.aksrt-vip-badge i {
font-size: .9em;
line-height: 1;
}
.aksrt-vip-badge--sm {
height: 1.1em;
padding: 0;
font-size: inherit;
}
.aksrt-vip-badge--lg {
padding: 4px 12px;
font-size: 13px;
}
.aksrt-vip-badge--lg i {
font-size: 12px;
}
@@ -355,34 +355,6 @@
transition: transform 0.1s linear;
}
/* ============================================================
* 18. VIP 等级标识
* ============================================================ */
.aksrt-vip-badge {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 2px 8px;
border-radius: var(--radius-pill, 999px);
font-size: 11px;
font-weight: 600;
}
.aksrt-vip-badge--gold {
background: linear-gradient(135deg, #FFD700, #FFA500);
color: #fff;
}
.aksrt-vip-badge--silver {
background: linear-gradient(135deg, #C0C0C0, #A8A8A8);
color: #fff;
}
.aksrt-vip-badge--bronze {
background: linear-gradient(135deg, #CD7F32, #A0522D);
color: #fff;
}
/* ============================================================
* 20. 用户等级进度条
* ============================================================ */
+1 -1
View File
@@ -202,7 +202,7 @@
white-space: nowrap;
}
.aksrt-header-userbox .user-right .aksrt-vip-badge,
.aksrt-header-userbox .user-right .img-icon,
.aksrt-header-userbox .user-right .aksrt-user-level-icon,
.aksrt-header-userbox .user-right .aksrt-identity-medal,
.aksrt-header-userbox .user-right .aksrt-header-user-medal,
+2 -6
View File
@@ -137,7 +137,7 @@
.article-avatar name.flex > .display-name {
line-height: 1.1;
}
.article-avatar name.flex > .aksrt-vip-badge,
.article-avatar name.flex > .img-icon,
.article-avatar name.flex > .aksrt-identity-certification-icon,
.article-avatar name.flex > .aksrt-identity-medal,
.article-avatar name.flex > .aksrt-user-level-icon,
@@ -157,16 +157,12 @@
box-sizing: border-box;
flex: 0 0 auto;
}
.article-avatar name.flex > .aksrt-vip-badge__icon,
.article-avatar name.flex > .img-icon,
.article-avatar name.flex > .aksrt-identity-certification-icon,
.article-avatar name.flex > .aksrt-identity-medal,
.article-avatar name.flex > .aksrt-user-level-icon {
object-fit: contain;
}
.article-avatar name.flex > .aksrt-vip-badge > i {
font-size: .9em;
line-height: 1;
}
.article-avatar name.flex > .aksrt-user-level-badge {
font-size: .78em;
white-space: nowrap;