nhcarrigan/library
9
0
Fork 0
generated from nhcarrigan/template
Code Issues Pull Requests 54 Actions Releases 3 Activity

feat: add badges

Browse Source
This commit is contained in:
Naomi Carrigan
2026-02-04 17:59:26 -08:00
parent e20be5f4e8
commit 054a55ff9c
17 changed files with 451 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/frontend/src/app/components/admin/admin-users.component.ts
+55
View File
@@ -42,6 +42,18 @@ import { User } from '@library/shared-types';
@if (user.isBanned) {
<span class="banned-badge">Banned</span>
}
@if (user.inDiscord) {
<span class="discord-badge">Discord</span>
}
@if (user.isVip) {
<span class="vip-badge">VIP</span>
}
@if (user.isMod) {
<span class="mod-badge">Mod</span>
}
@if (user.isStaff) {
<span class="staff-badge">Staff</span>
}
</div>
</div>
<div class="user-actions">
@@ -167,6 +179,49 @@ import { User } from '@library/shared-types';
width: fit-content;
}
.discord-badge {
display: inline-block;
background: #5865f2;
color: var(--witch-moon);
padding: 0.15rem 0.5rem;
border-radius: 4px;
font-size: 0.75rem;
width: fit-content;
}
.vip-badge {
display: inline-block;
background: linear-gradient(135deg, #ffd700, #ffaa00);
color: #1a1a1a;
padding: 0.15rem 0.5rem;
border-radius: 4px;
font-size: 0.75rem;
font-weight: 600;
width: fit-content;
}
.mod-badge {
display: inline-block;
background: linear-gradient(135deg, #00b894, #00cec9);
color: var(--witch-moon);
padding: 0.15rem 0.5rem;
border-radius: 4px;
font-size: 0.75rem;
font-weight: 600;
width: fit-content;
}
.staff-badge {
display: inline-block;
background: linear-gradient(135deg, #e84393, #fd79a8);
color: var(--witch-moon);
padding: 0.15rem 0.5rem;
border-radius: 4px;
font-size: 0.75rem;
font-weight: 600;
width: fit-content;
}
.user-actions {
display: flex;
gap: 0.5rem;