29 lines
1.3 KiB
Plaintext
29 lines
1.3 KiB
Plaintext
<header class="w-full bg-transparent p-3 md:p-4 fixed top-0 left-0 right-0 z-20">
|
|
<div class="max-w-6xl mx-auto flex items-center justify-between">
|
|
<div class="flex items-center gap-3">
|
|
<a href="/" class="text-white font-bold">← Volver</a>
|
|
<!-- Drawer toggle for mobile -->
|
|
<button id="drawerToggle" class="ml-3 lg:hidden text-white/90 px-3 py-2 rounded-md hover:bg-white/5">☰</button>
|
|
<span class="text-white/80">|</span>
|
|
<h3 class="text-white font-semibold"><%= appName %></h3>
|
|
</div>
|
|
<div class="flex items-center gap-3">
|
|
<% if (user) { %>
|
|
<div class="flex items-center gap-2">
|
|
<img src="<%= user.avatar || '/assets/images/snap1.svg' %>" class="w-8 h-8 rounded-full" alt="avatar">
|
|
<span class="text-white"><%= user.username %></span>
|
|
</div>
|
|
<span class="text-sm text-white/70 px-3">|</span>
|
|
<% if (typeof selectedGuildName !== 'undefined' && selectedGuildName) { %>
|
|
<span class="text-white/80"> <%= selectedGuildName %> </span>
|
|
<% } %>
|
|
<a href="/auth/logout" class="text-sm text-white/70 px-3 py-2 rounded-md hover:bg-white/5">Salir</a>
|
|
<% } else { %>
|
|
<a href="/auth/discord" class="text-sm text-white/70 px-3 py-2 rounded-md hover:bg-white/5">Entrar</a>
|
|
<% } %>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<div style="height:56px"></div>
|