feat: Reorganizar la lógica de visualización del panel de administración para mejorar la claridad y la estructura del código

This commit is contained in:
Shni
2025-10-15 00:05:28 -05:00
parent 1ba74ce7f1
commit 3a9646ae53

View File

@@ -1,20 +1,22 @@
<div class="max-w-3xl mx-auto p-6"> <div class="max-w-3xl mx-auto p-6">
<div class="relative flex justify-center"> <div class="relative flex justify-center">
<!-- Card principal (centered) --> <% if (!selectedGuild) { %>
<div class="w-full"> <!-- Card principal (centered) -->
<div class="mx-auto backdrop-blur-md bg-white/10 border border-white/10 rounded-xl p-6 shadow-lg glass-card"> <div class="w-full">
<h1 class="text-3xl font-bold mb-2"><%= appName %></h1> <div class="mx-auto backdrop-blur-md bg-white/10 border border-white/10 rounded-xl p-6 shadow-lg glass-card">
<p class="text-sm text-slate-200/80 mb-4">Panel de administración</p> <h1 class="text-3xl font-bold mb-2"><%= appName %></h1>
<div class="mt-4"> <p class="text-sm text-slate-200/80 mb-4">Panel de administración</p>
<p class="text-sm text-slate-200/80">Selecciona un servidor desde la página principal para administrar sus ajustes.</p> <div class="mt-4">
<a href="/dashboard/select-guild" class="inline-block mt-3 pixel-btn">Seleccionar servidor</a> <p class="text-sm text-slate-200/80">Selecciona un servidor desde la página principal para administrar sus ajustes.</p>
<a href="/dashboard/select-guild" class="inline-block mt-3 pixel-btn">Seleccionar servidor</a>
</div>
</div> </div>
</div> </div>
</div> <% } %>
<% if (typeof selectedGuild !== 'undefined' && selectedGuild) { %> <% if (typeof selectedGuild !== 'undefined' && selectedGuild) { %>
<!-- Floating sidebar for guild actions --> <!-- Floating sidebar for guild actions -->
<aside class="absolute right-8 top-20 hidden lg:block"> <aside class="absolute right-6 top-12 hidden lg:block transform translate-y-1">
<nav class="bg-white/6 backdrop-blur rounded-xl p-4 glass-card w-48"> <nav class="bg-white/6 backdrop-blur rounded-xl p-4 glass-card w-48">
<ul class="flex flex-col gap-3"> <ul class="flex flex-col gap-3">
<li><a href="/dashboard/<%= selectedGuild %>/overview" class="block p-2 rounded-md hover:bg-white/5">Overview</a></li> <li><a href="/dashboard/<%= selectedGuild %>/overview" class="block p-2 rounded-md hover:bg-white/5">Overview</a></li>