feat: Eliminar fondos SVG desenfocados del panel de control y ajustar el estilo del encabezado
This commit is contained in:
@@ -144,15 +144,7 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- blurred hex backgrounds: placed behind content -->
|
<!-- background SVGs removed (snap1/snap2) per design) -->
|
||||||
<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>
|
|
||||||
<% } %>
|
<% } %>
|
||||||
|
|
||||||
<% if (typeof page !== 'undefined' && page === 'settings' && selectedGuild) { %>
|
<% if (typeof page !== 'undefined' && page === 'settings' && selectedGuild) { %>
|
||||||
|
|||||||
@@ -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="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">
|
||||||
<!-- small logo + name -->
|
<!-- small logo + name -->
|
||||||
@@ -14,11 +14,12 @@
|
|||||||
</a>
|
</a>
|
||||||
<!-- mini guild selector compact -->
|
<!-- mini guild selector compact -->
|
||||||
<div class="hidden md:block">
|
<div class="hidden md:block">
|
||||||
|
<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">
|
<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>
|
<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>
|
<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>
|
</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 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) { %>
|
<% if (guilds && guilds.length) { %>
|
||||||
<% guilds.forEach(g => { %>
|
<% 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 %>">
|
<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 %>">
|
||||||
|
|||||||
Reference in New Issue
Block a user