fede/minix-front
1
0
Fork 0
mirror of https://github.com/emailerfacu-spec/minix-front.git synced 2026-04-18 15:57:31 -03:00
Code Issues Packages Projects Releases Wiki Activity

arreglos en la ui del header

Browse Source
This commit is contained in:
fedpo
2026-01-01 23:20:36 -03:00
parent 832ad14b6a
commit ba303efe42
2 changed files with 10 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/lib/head/Busqueda.svelte
View File

@@ -19,6 +19,7 @@
import Label from '@/components/ui/label/label.svelte'; import Label from '@/components/ui/label/label.svelte';
import { resolve } from '$app/paths'; import { resolve } from '$app/paths';
import { busquedaHashtags } from '@/hooks/busquedaHashtags'; import { busquedaHashtags } from '@/hooks/busquedaHashtags';
import Separator from '@/components/ui/separator/separator.svelte';
let search: string = $state(''); let search: string = $state('');
let open = $state(false); let open = $state(false);
@@ -55,16 +56,18 @@
<svelte:document onkeydown={handleKeydown} /> <svelte:document onkeydown={handleKeydown} />
<InputGroup class="group"> <InputGroup class="group">
<InputGroupAddon align="inline-start"><Search /></InputGroupAddon> <InputGroupAddon class="me-3" align="inline-start"><Search /></InputGroupAddon>
<Separator orientation="vertical"></Separator>
<InputGroupInput <InputGroupInput
type="text" type="text"
placeholder="Buscar Usuario o Hashtag" placeholder="Buscar Usuario o Hashtag"
bind:value={search} bind:value={search}
oninput={() => (open = true)} oninput={() => (open = true)}
class="max-w-0 transition-[max-width] duration-1000 ease-out group-hover:max-w-xs focus:max-w-xs" class="max-w-0 p-1! transition-[max-width] duration-1000 ease-out group-hover:max-w-xs focus:max-w-xs"
/> />
<InputGroupAddon align="inline-end" class="flex gap-0"> <InputGroupAddon align="inline-end">
<Kbd>Ctrl</Kbd>+<Kbd>K</Kbd> <Kbd>Ctrl+K</Kbd>
</InputGroupAddon> </InputGroupAddon>
</InputGroup> </InputGroup>
<CommandDialog bind:open> <CommandDialog bind:open>

6
src/lib/head/Header.svelte
View File

@@ -52,14 +52,14 @@
<div class="flex items-center"> <div class="flex items-center">
<a href="/" class="mr-6 flex items-center space-x-2"> <a href="/" class="mr-6 flex items-center space-x-2">
<Avatar <Avatar
class="transform rounded-sm! transition-transform duration-300 ease-in-out hover:scale-130 hover:rotate-12" class="h-8 w-8 transform rounded-sm! transition-transform duration-300 ease-in-out hover:scale-130 hover:rotate-12"
> >
<AvatarImage src="/x.png" alt="minix" /> <AvatarImage src="/x.png" alt="minix" />
</Avatar> </Avatar>
</a> </a>
<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> </div>
<!-- Desktop menu --> <!-- Desktop menu -->