feat: Mejorar la accesibilidad y el estilo de los modales móviles en el panel de control

This commit is contained in:
Shni
2025-10-15 02:56:27 -05:00
parent f3d69ed3c8
commit 8f22f749ff
3 changed files with 32 additions and 47 deletions

View File

@@ -132,8 +132,8 @@
</script>
<!-- Mobile modals -->
<div id="mobileGuildModal" class="fixed inset-0 bg-black/60 hidden z-50">
<div class="absolute bottom-0 left-0 right-0 bg-[#1f2933] rounded-t-xl p-4 max-h-[80vh] overflow-auto">
<div id="mobileGuildModal" class="fixed inset-0 bg-black/60 hidden z-50" style="display:block;">
<div class="fixed inset-x-0 bottom-0 bg-[#1f2933] rounded-t-xl p-4 max-h-[80vh] overflow-auto" style="margin:0;">
<div class="flex items-center justify-between mb-3">
<h3 class="text-white font-medium">Servers</h3>
<button id="mobileGuildClose" class="text-white/70">Cerrar</button>
@@ -155,10 +155,11 @@
<% } %>
</div>
</div>
</div>
</div>
<div id="mobileUserSheet" class="fixed inset-0 bg-black/60 hidden z-50">
<div class="absolute bottom-0 left-0 right-0 bg-[#1f2933] rounded-t-xl p-4">
<div class="fixed inset-x-0 bottom-0 bg-[#1f2933] rounded-t-xl p-4 max-h-[80vh] overflow-auto">
<h3 class="text-white font-medium mb-3">User settings</h3>
<a href="/dashboard/select-guild" class="block py-2 text-white">Servers</a>
<a href="/auth/logout" class="block py-2 text-rose-300">Log out</a>