fede/minix-front
1
0
Fork 0
mirror of https://github.com/emailerfacu-spec/minix-front.git synced 2026-04-01 13:10:44 -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 { resolve } from '$app/paths';
import { busquedaHashtags } from '@/hooks/busquedaHashtags';
import Separator from '@/components/ui/separator/separator.svelte';
let search: string = $state('');
let open = $state(false);
@@ -55,16 +56,18 @@
<svelte:document onkeydown={handleKeydown} />
<InputGroup class="group">
<InputGroupAddon align="inline-start"><Search /></InputGroupAddon>
<InputGroupAddon class="me-3" align="inline-start"><Search /></InputGroupAddon>
<Separator orientation="vertical"></Separator>
<InputGroupInput
type="text"
placeholder="Buscar Usuario o Hashtag"
bind:value={search}
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">
<Kbd>Ctrl</Kbd>+<Kbd>K</Kbd>
<InputGroupAddon align="inline-end">
<Kbd>Ctrl+K</Kbd>
</InputGroupAddon>
</InputGroup>
<CommandDialog bind:open>

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

@@ -52,14 +52,14 @@
<div class="flex items-center">
<a href="/" class="mr-6 flex items-center space-x-2">
<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" />
</Avatar>
</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 />
</nav>
</nav> -->
</div>
<!-- Desktop menu -->