From 8980eb348eee1963d3450ad387f0c4c9d2495655 Mon Sep 17 00:00:00 2001 From: Kato Date: Sat, 5 Sep 2026 18:36:04 +0000 Subject: [PATCH] =?UTF-8?q?Fix=20member=20modal=20avatar=20=E2=80=94=2096p?= =?UTF-8?q?x=20circle,=20img=20object-fit=20cover,=20gradient=20fallback?= =?UTF-8?q?=20for=20initials?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/styles.css | 28 ++++++++++++++++++++++++++-- 1 file changed, 26 insertions(+), 2 deletions(-) diff --git a/css/styles.css b/css/styles.css index 5d97e4c..256f7a1 100644 --- a/css/styles.css +++ b/css/styles.css @@ -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; }