feat: Reemplazar el logo SVG por una imagen y simplificar el diseño del contenedor en el panel de control

This commit is contained in:
Shni
2025-10-15 02:02:56 -05:00
parent 7f5075d69c
commit 40b14c0e3e

View File

@@ -8,23 +8,12 @@
<div class="mt-10 mb-6">
<!-- reuse small logo SVG -->
<div class="w-12 h-12 mx-auto">
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" class="w-full h-full">
<defs>
<linearGradient id="g2" x1="0" x2="1">
<stop offset="0%" stop-color="#06b6d4" />
<stop offset="100%" stop-color="#3b82f6" />
</linearGradient>
</defs>
<circle cx="50" cy="50" r="42" fill="url(#g2)" opacity="0.95" />
<g transform="translate(50,50)">
<path d="M-18,-6 L0,-28 L18,-6 L0,18 Z" fill="white" opacity="0.95"/>
</g>
</svg>
<img src="/assets/images/logo-amayo.svg" alt="logo" class="mx-auto mb-4 rounded-full" />
</div>
</div>
<div class="w-full max-w-lg">
<div class="mx-auto backdrop-blur-md bg-white/6 border border-white/8 rounded-xl p-6 shadow-lg glass-card">
<div class="mx-auto backdrop-blur-md bg-white/6 rounded-xl p-6 shadow-lg glass-card">
<!-- user header inside card -->
<div class="flex items-center justify-center mb-4">
<div class="text-slate-200 text-sm">Logged in as</div>
@@ -44,7 +33,7 @@
</div>
</div>
<div id="cardList" class="divide-y divide-white/6 max-h-72 overflow-auto rounded">
<div id="cardList" class="max-h-72 overflow-auto rounded">
<% if (guilds && guilds.length) { %>
<% guilds.sort((a,b)=> a.name.localeCompare(b.name)).forEach(g => { %>
<div class="p-3 cursor-pointer hover:bg-white/5 flex items-center justify-between text-white" data-id="<%= g.id %>">