Oliver/paraguay
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Kato
2026-09-05 18:36:04 +00:00
parent 8b1c2146db
commit 8980eb348e
1 changed files with 26 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/styles.css
+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-modal { max-width: 520px; }
.user-detail-content { padding: 16px; } .user-detail-content { padding: 16px; }
.user-detail-avatar { .user-detail-avatar {
width: 64px; width: 96px;
height: 64px; height: 96px;
border-radius: 50%; border-radius: 50%;
margin: 0 auto 16px; margin: 0 auto 16px;
overflow: hidden; overflow: hidden;
background: linear-gradient(135deg, #1877f2, #42b0ff);
border: 3px solid #e7f3ff; 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-header { text-align: center; margin-bottom: 16px; }
.user-detail-name-rank { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 8px; } .user-detail-name-rank { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 8px; }