feat: Actualizar la navegación del panel de control para mejorar la accesibilidad y la estructura de enlaces

This commit is contained in:
Shni
2025-10-15 03:07:56 -05:00
parent 47d1fefbd0
commit 32db236be1
2 changed files with 6 additions and 14 deletions

View File

@@ -96,15 +96,7 @@
<a href="/dashboard/<%= selectedGuild %>/overview" class="px-3 py-1 rounded-full bg-white/5 text-white text-xs">Home</a> <a href="/dashboard/<%= selectedGuild %>/overview" class="px-3 py-1 rounded-full bg-white/5 text-white text-xs">Home</a>
</div> </div>
<ul class="mt-2 space-y-3 text-slate-200"> <ul class="mt-2 space-y-3 text-slate-200">
<li class="text-sm"><a href="/dashboard/<%= selectedGuild %>/overview" class="flex items-center gap-3"><span class="opacity-80">⚙️</span> General Settings</a></li> <li class="text-sm"><a href="/dashboard/<%= selectedGuild %>/settings" class="flex items-center gap-3"><span class="opacity-80">⚙️</span> General Settings</a></li>
<li class="text-sm"><a href="#" class="flex items-center gap-3"><span class="opacity-80">💬</span> Commands</a></li>
<li class="text-sm"><a href="#" class="flex items-center gap-3"><span class="opacity-80">📝</span> Messages</a></li>
<li class="text-sm"><a href="#" class="flex items-center gap-3"><span class="opacity-80">✨</span> Custom Branding</a></li>
<li class="mt-4 text-xs text-slate-400">MODULES</li>
<li class="text-sm"><a href="#" class="flex items-center gap-3"><span class="opacity-80">🛡️</span> Auto Moderation <span class="ml-2 text-xs text-rose-400">NEW</span></a></li>
<li class="text-sm"><a href="#" class="flex items-center gap-3"><span class="opacity-80">🔔</span> Moderation</a></li>
<li class="text-sm"><a href="#" class="flex items-center gap-3"><span class="opacity-80">🤝</span> Social Notifications</a></li>
<li class="text-sm"><a href="#" class="flex items-center gap-3"><span class="opacity-80">🎉</span> Welcome Messages <span class="ml-2 text-xs text-rose-400">NEW</span></a></li>
</ul> </ul>
</nav> </nav>
</aside> </aside>
@@ -325,8 +317,8 @@
<button id="drawerClose" class="text-white/70">Cerrar</button> <button id="drawerClose" class="text-white/70">Cerrar</button>
</div> </div>
<div class="p-4 space-y-2"> <div class="p-4 space-y-2">
<a href="/dashboard/select-guild" class="block py-2 text-white">Servers</a> <a href="/dashboard/<%= selectedGuild || '' %>/overview" class="block py-2 text-white">Home</a>
<a href="/auth/logout" class="block py-2 text-rose-300">Log out</a> <a href="/dashboard/<%= selectedGuild || '' %>/settings" class="block py-2 text-white">General Settings</a>
</div> </div>
</nav> </nav>

View File

@@ -1,4 +1,4 @@
<header class="hidden md:block w-full p-2 fixed top-0 left-0 right-0 z-30"> <header class="w-full p-2 fixed top-0 left-0 right-0 z-30">
<div class="max-w-7xl mx-auto flex items-center justify-between px-3"> <div class="max-w-7xl mx-auto flex items-center justify-between px-3">
<div class="flex items-center gap-4"> <div class="flex items-center gap-4">
<!-- hamburger for mobile to toggle sidebar/drawer --> <!-- hamburger for mobile to toggle sidebar/drawer -->
@@ -15,7 +15,7 @@
<span class="text-white font-semibold hidden sm:inline"><%= appName %></span> <span class="text-white font-semibold hidden sm:inline"><%= appName %></span>
</a> </a>
<!-- mini guild selector compact --> <!-- mini guild selector compact -->
<div class="hidden md:block"> <div class="block">
<div class="relative inline-block"> <div class="relative inline-block">
<button id="miniGuildBtn" class="px-2 py-0.5 rounded-full bg-white/5 text-white text-sm flex items-center gap-2" aria-expanded="false" aria-controls="miniGuildList"> <button id="miniGuildBtn" class="px-2 py-0.5 rounded-full bg-white/5 text-white text-sm flex items-center gap-2" aria-expanded="false" aria-controls="miniGuildList">
<span id="miniGuildName" class="text-sm"><%= selectedGuildName || 'Seleccionar servidor' %></span> <span id="miniGuildName" class="text-sm"><%= selectedGuildName || 'Seleccionar servidor' %></span>