fede/minix-front
1
0
Fork 0
mirror of https://github.com/emailerfacu-spec/minix-front.git synced 2026-04-21 16:27:32 -03:00
Code Issues Packages Projects Releases Wiki Activity

initial commit

Browse Source
This commit is contained in:
fedpo
2025-11-13 22:16:24 -03:00
commit 1271248af5
48 changed files with 1584 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/lib/head/ButtonTheme.svelte Normal file
View File

@@ -0,0 +1,17 @@
<script lang="ts">
import SunIcon from '@lucide/svelte/icons/sun';
import MoonIcon from '@lucide/svelte/icons/moon';
import { toggleMode } from 'mode-watcher';
import { Button } from '$lib/components/ui/button';
</script>
<Button onclick={toggleMode} variant="outline" size="icon">
<SunIcon
class="h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all! dark:scale-0 dark:-rotate-90"
/>
<MoonIcon
class="absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all! dark:scale-100 dark:rotate-0"
/>
<span class="sr-only">Toggle theme</span>
</Button>

42
src/lib/head/Header.svelte Normal file
View File

@@ -0,0 +1,42 @@
<script>
import { Button } from '../components/ui/button';
import {
DropdownMenu,
DropdownMenuContent,
DropdownMenuItem,
DropdownMenuTrigger
} from '../components/ui/dropdown-menu';
import ButtonTheme from './ButtonTheme.svelte';
</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>
</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
>
</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>
</div>
</div>
</header>