bueno masomenos terminada la interfaz de login y register

This commit is contained in:
2025-11-13 23:18:25 -03:00
parent 1271248af5
commit 44ca7dbf16
38 changed files with 975 additions and 129 deletions

View File

@@ -1,4 +1,5 @@
<script>
import { Root } from '@/components/ui/button-group';
import { Button } from '../components/ui/button';
import {
DropdownMenu,
@@ -7,36 +8,35 @@
DropdownMenuTrigger
} from '../components/ui/dropdown-menu';
import ButtonTheme from './ButtonTheme.svelte';
import ButtonGroup from '@/components/ui/button-group/button-group.svelte';
import { page } from '$app/state';
</script>
<header class="border-b bg-background/95 backdrop-blur">
<div class="container ms-2 flex h-14 items-center">
<div class="mr-4 hidden md:flex">
<a href="/" class="mr-6 flex items-center space-x-2">
<span class="hidden font-bold sm:inline-block">Mini-X</span>
<p class="leading-7 not-first:mt-6">Mini-X</p>
</a>
<ButtonTheme />
<nav class="flex items-center space-x-6 text-sm font-medium">
<a href="/" class="text-foreground transition-colors hover:text-foreground/80">Inicio</a>
<a href="/about" class="text-foreground/60 transition-colors hover:text-foreground/80"
>Acerca de</a
>
<a href="/contact" class="text-foreground/60 transition-colors hover:text-foreground/80"
>Contacto</a
>
<ButtonTheme />
</nav>
</div>
<div class="flex flex-1 items-center justify-between space-x-2 md:justify-end">
<nav class="flex items-center space-x-2">
<DropdownMenu>
<DropdownMenuTrigger as={Button} variant="ghost" size="sm">Menu</DropdownMenuTrigger>
<DropdownMenuContent>
<DropdownMenuItem>Perfil</DropdownMenuItem>
<DropdownMenuItem>Configuración</DropdownMenuItem>
<DropdownMenuItem>Cerrar sesión</DropdownMenuItem>
</DropdownMenuContent>
</DropdownMenu>
</nav>
<ButtonGroup>
<Button
variant={page.url.pathname !== '/login' ? 'outline' : 'secondary'}
href="/login"
class="text-foreground/60 transition-colors hover:text-foreground/80"
>Iniciar Sesion</Button
>
<Button
variant={page.url.pathname !== '/register' ? 'outline' : 'secondary'}
href="/register"
class="text-foreground/60 transition-colors hover:text-foreground/80">Registrarse</Button
>
</ButtonGroup>
</div>
</div>
</header>