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:
1 parent
9cb5e7bea3
commit
a3b708f9d4
3 files changed
+23
-13
No files matched your search
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in new issue
Block a user