Fix member modal avatar — 96px circle, img object-fit cover, gradient fallback for initials

This commit is contained in:
Kato
2026-09-05 18:36:04 +00:00
parent 8b1c2146db
commit 8980eb348e
+26 -2
View File
@@ -1295,12 +1295,36 @@ body[data-lang="en"] .hide-de { display: none !important; }
.user-detail-modal { max-width: 520px; }
.user-detail-content { padding: 16px; }
.user-detail-avatar {
width: 64px;
height: 64px;
width: 96px;
height: 96px;
border-radius: 50%;
margin: 0 auto 16px;
overflow: hidden;
background: linear-gradient(135deg, #1877f2, #42b0ff);
border: 3px solid #e7f3ff;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
display: flex;
align-items: center;
justify-content: center;
}
.user-detail-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 50%;
}
.user-detail-avatar .user-avatar-text {
width: 100%;
height: 100%;
border-radius: 50%;
background: transparent;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 36px;
font-weight: 600;
}
.user-detail-header { text-align: center; margin-bottom: 16px; }
.user-detail-name-rank { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 8px; }