Daniel/ndsolutionswebsite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(admin): add quick navigation cards to admin dashboard
All checks were successful
Production Build & Deploy / build-and-deploy (push) Successful in 1m13s
Details

Browse Source
This commit is contained in:
Daniel S
2026-08-09 22:19:20 +02:00
parent f7b08f33ee
commit be071ff82f
1 changed files with 42 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
src/pages/admin/index.astro
View File

@@ -11,22 +11,52 @@ const presets = Object.values(THEME_PRESETS);
<div class="min-h-screen bg-[#0B0F19] text-white p-6 sm:p-10 font-sans"> <div class="min-h-screen bg-[#0B0F19] text-white p-6 sm:p-10 font-sans">
<div class="max-w-6xl mx-auto space-y-10"> <div class="max-w-6xl mx-auto space-y-10">
<!-- Admin Header --> <!-- Admin Header & Quick Navigation -->
<div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4 border-b border-white/10 pb-6"> <div class="space-y-4 border-b border-white/10 pb-6">
<div> <div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4">
<span class="text-xs font-mono text-sky-400 uppercase tracking-widest">N& D Waas Engine</span> <div>
<h1 class="text-3xl font-extrabold tracking-tight mt-1">Layout & Config Dashboard</h1> <span class="text-xs font-mono text-sky-400 uppercase tracking-widest">N&D WaaS Engine</span>
<h1 class="text-3xl font-extrabold tracking-tight mt-1">System & Admin Dashboard</h1>
</div>
<div class="flex items-center gap-3">
<a href="/" target="_blank" class="px-4 py-2 rounded-xl glass-panel text-xs font-semibold hover:border-sky-400 transition-all flex items-center gap-2">
🌐 Live Seite Ansehen
</a>
<button id="save-all-btn" class="px-6 py-2.5 rounded-xl bg-sky-400 text-slate-950 font-bold text-xs uppercase tracking-wider hover:bg-white transition-all shadow-lg shadow-sky-400/20 active:scale-95">
Einstellungen Speichern
</button>
</div>
</div> </div>
<div class="flex items-center gap-3">
<a href="/" target="_blank" class="px-4 py-2 rounded-xl glass-panel text-xs font-semibold hover:border-sky-400 transition-all flex items-center gap-2"> <!-- Quick Admin Nav Cards / Links -->
Live Seite Ansehen <nav aria-label="Admin Navigation" class="grid grid-cols-1 sm:grid-cols-3 gap-3 pt-2">
<a href="/admin/pages" class="p-3 bg-slate-900/80 border border-white/10 hover:border-sky-400/50 rounded-xl flex items-center justify-between text-xs transition-all group">
<div>
<span class="font-bold text-white block group-hover:text-sky-400">📄 Seiten-Verwaltung</span>
<span class="text-[10px] text-slate-400">Routen, Slugs & Startseite festlegen</span>
</div>
<span class="text-sky-400 text-sm font-bold">→</span>
</a> </a>
<button id="save-all-btn" class="px-6 py-2.5 rounded-xl bg-sky-400 text-slate-95 font-bold text-xs uppercase tracking-wider hover:bg-white transition-all shadow-lg shadow-sky-400/20 active:scale-95">
Einstellungen Speichern <a href="/admin/editor" class="p-3 bg-slate-900/80 border border-white/10 hover:border-sky-400/50 rounded-xl flex items-center justify-between text-xs transition-all group">
</button> <div>
</div> <span class="font-bold text-white block group-hover:text-sky-400">🎨 Visueller Drag & Drop Editor</span>
<span class="text-[10px] text-slate-400">Sektionen & Inhalts-Vorschau</span>
</div>
<span class="text-sky-400 text-sm font-bold">→</span>
</a>
<a href="/admin/settings" class="p-3 bg-slate-900/80 border border-white/10 hover:border-sky-400/50 rounded-xl flex items-center justify-between text-xs transition-all group">
<div>
<span class="font-bold text-white block group-hover:text-sky-400">⚙️ Stammdaten & SEO</span>
<span class="text-[10px] text-slate-400">Firmen-Daten & Dynamic Data Binding</span>
</div>
<span class="text-sky-400 text-sm font-bold">→</span>
</a>
</nav>
</div> </div>
<div id="admin-alert" class="hidden p-4 rounded-xl text-xs font-mono text-center transition-all"></div> <div id="admin-alert" class="hidden p-4 rounded-xl text-xs font-mono text-center transition-all"></div>
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8"> <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">