Add signup block display

This commit is contained in:
2025-12-09 10:53:37 +01:00
parent e8a0261ca7
commit f234790aeb
6 changed files with 218 additions and 5 deletions

View File

@@ -574,3 +574,32 @@ body {
margin: 0;
font-weight: 700;
}
.identity-row {
display: flex;
align-items: center;
gap: 12px;
}
.identity-text {
display: flex;
flex-direction: column;
gap: 2px;
}
.avatar {
width: 40px;
height: 40px;
border-radius: 50%;
object-fit: cover;
background: linear-gradient(135deg, #7c3aed, #4f46e5);
display: grid;
place-items: center;
font-weight: 700;
color: #e0e7ff;
text-transform: uppercase;
}
.avatar-fallback {
border: 1px solid rgba(255, 255, 255, 0.08);
}

View File

@@ -10,7 +10,35 @@ function renderAdmins(list) {
list.forEach((admin) => {
const li = document.createElement('li');
li.textContent = admin;
li.className = 'stacked-list-item';
const identity = document.createElement('div');
identity.className = 'identity-row';
const avatar = document.createElement(admin.avatarUrl ? 'img' : 'div');
avatar.className = 'avatar';
if (admin.avatarUrl) {
avatar.src = admin.avatarUrl;
avatar.alt = `${admin.displayName || admin.login} avatar`;
} else {
avatar.classList.add('avatar-fallback');
avatar.textContent = (admin.displayName || admin.login || '?').charAt(0).toUpperCase();
}
const details = document.createElement('div');
details.className = 'identity-text';
const title = document.createElement('p');
title.className = 'list-title';
title.textContent = admin.displayName || admin.login;
const subtitle = document.createElement('p');
subtitle.className = 'muted';
subtitle.textContent = `@${admin.login}`;
details.appendChild(title);
details.appendChild(subtitle);
identity.appendChild(avatar);
identity.appendChild(details);
li.appendChild(identity);
adminList.appendChild(li);
});
}