mirror of
https://github.com/emailerfacu-spec/minix-front.git
synced 2026-04-18 15:57:31 -03:00
cambiada interfaz mobile del header
This commit is contained in:
@@ -53,15 +53,10 @@
|
|||||||
<nav class="me-2 items-center space-x-6 text-sm font-medium md:flex">
|
<nav class="me-2 items-center space-x-6 text-sm font-medium md:flex">
|
||||||
<ButtonTheme />
|
<ButtonTheme />
|
||||||
</nav>
|
</nav>
|
||||||
<div class="md:hidden">
|
|
||||||
{#if $sesionStore !== null}
|
|
||||||
<AvatarButton></AvatarButton>
|
|
||||||
{/if}
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Desktop menu -->
|
<!-- Desktop menu -->
|
||||||
<div class="hidden flex-1 items-center justify-end md:flex">
|
<div class="flex items-center justify-end md:flex">
|
||||||
{#if showCerrarSesion}
|
{#if showCerrarSesion}
|
||||||
{#if $sesionStore !== null}
|
{#if $sesionStore !== null}
|
||||||
<AvatarButton></AvatarButton>
|
<AvatarButton></AvatarButton>
|
||||||
@@ -83,53 +78,5 @@
|
|||||||
</ButtonGroup>
|
</ButtonGroup>
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Mobile menu button -->
|
|
||||||
<button class="me-3 rounded-md md:hidden" onclick={toggleMenu} aria-label="Toggle menu">
|
|
||||||
{#if menuOpen}
|
|
||||||
<svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
||||||
<path
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
stroke-width={2}
|
|
||||||
d="M6 18L18 6M6 6l12 12"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
{:else}
|
|
||||||
<svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
||||||
<path
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
stroke-width={2}
|
|
||||||
d="M4 6h16M4 12h16M4 18h16"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
{/if}
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Mobile menu -->
|
|
||||||
{#if menuOpen}
|
|
||||||
<div class="md:hidden" transition:slide>
|
|
||||||
<div class="space-y-1 border-t bg-background/95 px-2 pt-2 pb-3">
|
|
||||||
<!---
|
|
||||||
{#if showCerrarSesion}{:else}
|
|
||||||
-->
|
|
||||||
<Button
|
|
||||||
variant={page.url.pathname !== '/login' ? 'outline' : 'secondary'}
|
|
||||||
href="/login"
|
|
||||||
class="mb-2 w-full justify-start text-foreground/60 transition-colors hover:text-foreground/80"
|
|
||||||
onclick={() => (menuOpen = false)}>Iniciar Sesion</Button
|
|
||||||
>
|
|
||||||
<Button
|
|
||||||
variant={page.url.pathname !== '/register' ? 'outline' : 'secondary'}
|
|
||||||
href="/register"
|
|
||||||
class="w-full justify-start text-foreground/60 transition-colors hover:text-foreground/80"
|
|
||||||
onclick={() => (menuOpen = false)}
|
|
||||||
>Registrarse
|
|
||||||
</Button>
|
|
||||||
<!-- {/if} -->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{/if}
|
|
||||||
</header>
|
</header>
|
||||||
|
|||||||
Reference in New Issue
Block a user