fix(frontend): keep user center and user home avatar frames rounded

The two large hero avatar frames go back to their legacy rounded-square look: the user center profile header keeps 6px and the public user home hero keeps var(--radius). Both declare an explicit radius because the global avatar primitive (img.avatar, 0,1,1) ties them on specificity and only the later route rule wins the cascade.

Everything else stays: the primitive still circles the bare avatar-mini in the ban and report modals, the VIP modal avatar and the post-card meta avatar, the friends page avatar is circular, and the VIP icon still leads the badge row. The contract test now guards the two hero frames as rounded-square so the primitive cannot silently re-circularize them.
This commit is contained in:
kate522 committed 2026-10-10 13:59:47 +08:00
1 parent 9cb5e7bea3
commit a3b708f9d4
3 files changed
+23 -13

No files matched your search

+4 -2
View File
@@ -125,7 +125,9 @@
flex-shrink: 0;
width: 140px;
height: 140px;
border-radius: var(--radius-avatar, 50%);
/* 用户中心头图卡保持 legacy 圆角方形:显式声明圆角,避免被 public 捆绑里
同特异性(0,1,1)的全局头像原语 img.avatar 抢先。 */
border-radius: 6px;
}
#aksrt-bg-file-input[hidden],
@@ -133,7 +135,7 @@
display: none !important;
}
/* 140px 正方形 → 正圆:统一前端用户头像形状(--radius-avatar) */
/* 对齐 legacy: 140px, 6px 圆角 */
.uc-header__avatar img {
display: block;
box-sizing: border-box;
+3 -1
View File
@@ -88,7 +88,9 @@
.aksrt-author-hero__avatar img {
width: 120px;
height: 120px;
border-radius: var(--radius-avatar, 50%);
/* 公开主页 hero 头像保持 legacy 圆角方形:显式声明圆角,避免被 public 捆绑里
同特异性(0,1,1)的全局头像原语 img.avatar 抢先。 */
border-radius: var(--radius);
border: 4px solid var(--surface-1);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
object-fit: cover;