marcoallegretti/likwid
1
0
Fork 0
mirror of https://codeberg.org/likwid/likwid.git synced 2026-02-09 21:13:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

ux: modernize admin approvals UI

Browse source
This commit is contained in:
Marco Allegretti 2026-01-30 09:20:05 +01:00
parent 9fa20b3cef
commit 2043026e63
1 changed files with 9 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
frontend/src/pages/admin/approvals.astro
View file

@ -9,10 +9,12 @@ import { API_BASE as apiBase } from '../../lib/api';
<div class="admin-container"> <div class="admin-container">
<AdminNav currentPage="/admin/approvals" /> <AdminNav currentPage="/admin/approvals" />
<main class="admin-main"> <main class="admin-content">
<header class="admin-header"> <header class="ui-page-header">
<h1>Pending Approvals</h1> <div class="ui-page-title">
<p>Review and manage pending registration and community requests</p> <h1>Pending Approvals</h1>
<p class="ui-subtitle">Review and manage pending registration and community requests</p>
</div>
</header> </header>
<div class="tabs"> <div class="tabs">
@ -82,7 +84,7 @@ import { API_BASE as apiBase } from '../../lib/api';
} }
container.innerHTML = data.map(r => ` container.innerHTML = data.map(r => `
<div class="pending-item" data-id="${r.id}"> <div class="pending-item ui-card ui-card-soft ui-card-pad-md" data-id="${r.id}">
<div class="item-info"> <div class="item-info">
<strong>${r.username}</strong> <strong>${r.username}</strong>
<span class="email">${r.email}</span> <span class="email">${r.email}</span>
@ -132,7 +134,7 @@ import { API_BASE as apiBase } from '../../lib/api';
} }
container.innerHTML = data.map(c => ` container.innerHTML = data.map(c => `
<div class="pending-item" data-id="${c.id}"> <div class="pending-item ui-card ui-card-soft ui-card-pad-md" data-id="${c.id}">
<div class="item-info"> <div class="item-info">
<strong>${c.name}</strong> <strong>${c.name}</strong>
<span class="slug">/${c.slug}</span> <span class="slug">/${c.slug}</span>
@ -237,26 +239,12 @@ import { API_BASE as apiBase } from '../../lib/api';
min-height: calc(100vh - 60px); min-height: calc(100vh - 60px);
} }
.admin-main { .admin-content {
flex: 1; flex: 1;
padding: 2rem; padding: 2rem;
max-width: 1000px; max-width: 1000px;
} }
.admin-header {
margin-bottom: 2rem;
}
.admin-header h1 {
margin: 0 0 0.5rem;
font-size: 1.75rem;
}
.admin-header p {
color: var(--color-text-muted);
margin: 0;
}
.tabs { .tabs {
display: flex; display: flex;
gap: 0.5rem; gap: 0.5rem;
@ -306,10 +294,6 @@ import { API_BASE as apiBase } from '../../lib/api';
justify-content: space-between; justify-content: space-between;
align-items: flex-start; align-items: flex-start;
gap: 1.5rem; gap: 1.5rem;
padding: 1.5rem;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: 12px;
} }
.item-info { .item-info {