feat: Eliminar fondos SVG desenfocados del panel de control y ajustar el estilo del encabezado

This commit is contained in:
Shni
2025-10-15 02:23:18 -05:00
parent 373bee9973
commit eb0a453152
2 changed files with 8 additions and 15 deletions

View File

@@ -144,15 +144,7 @@
</div>
</div>
<!-- blurred hex backgrounds: placed behind content -->
<div class="absolute inset-0 pointer-events-none -z-10">
<div class="absolute right-8 top-40 opacity-80 pointer-events-none -z-10">
<img src="/assets/images/snap1.svg" class="w-48 h-48 filter blur-[8px] opacity-80" alt="hex" />
</div>
<div class="absolute left-8 top-64 opacity-80 pointer-events-none -z-10">
<img src="/assets/images/snap2.svg" class="w-32 h-32 filter blur-[6px] opacity-80" alt="hex2" />
</div>
</div>
<!-- background SVGs removed (snap1/snap2) per design) -->
<% } %>
<% if (typeof page !== 'undefined' && page === 'settings' && selectedGuild) { %>

View File

@@ -1,4 +1,4 @@
<header class="w-full bg-transparent p-2 fixed top-0 left-0 right-0 z-30 border-b border-white/3">
<header class="w-full blur-lg 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="flex items-center gap-4">
<!-- small logo + name -->
@@ -14,11 +14,12 @@
</a>
<!-- mini guild selector compact -->
<div class="hidden md:block">
<button id="miniGuildBtn" class="px-3 py-1 rounded-full bg-white/5 text-white flex items-center gap-2" aria-expanded="false" aria-controls="miniGuildList">
<span id="miniGuildName" class="text-sm"><%= selectedGuildName || 'Seleccionar servidor' %></span>
<svg class="w-3 h-3 text-white/80" viewBox="0 0 20 20" fill="none"><path d="M6 8l4 4 4-4" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
<div id="miniGuildList" class="origin-top-left absolute left-4 mt-12 w-72 bg-white/80/10 backdrop-blur-md rounded-md p-2 hidden transition-transform duration-150 z-50" style="max-height:20rem; overflow:auto; background-color: rgba(12,15,18,0.85);">
<div class="relative inline-block">
<button id="miniGuildBtn" class="px-3 py-1 rounded-full bg-white/5 text-white flex items-center gap-2" aria-expanded="false" aria-controls="miniGuildList">
<span id="miniGuildName" class="text-sm"><%= selectedGuildName || 'Seleccionar servidor' %></span>
<svg class="w-3 h-3 text-white/80" viewBox="0 0 20 20" fill="none"><path d="M6 8l4 4 4-4" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
<div id="miniGuildList" class="origin-top-left absolute top-full left-0 mt-2 w-72 bg-white/80 backdrop-blur-md rounded-md p-2 hidden transition-transform duration-150 z-50" style="max-height:20rem; overflow:auto; background-color: rgba(12,15,18,0.92);">
<% if (guilds && guilds.length) { %>
<% guilds.forEach(g => { %>
<div class="p-2 rounded-md hover:bg-white/5 cursor-pointer text-white guild-item flex items-center gap-2" data-id="<%= g.id %>">