From ba303efe423e5dbb50d21a622c396910f841092a Mon Sep 17 00:00:00 2001
From: fede <federico.nicolas.polidoro@gmail.com>
Date: Thu, 1 Jan 2026 23:20:36 -0300
Subject: [PATCH] arreglos en la ui del header

---
 src/lib/head/Busqueda.svelte | 11 +++++++----
 src/lib/head/Header.svelte   |  6 +++---
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/lib/head/Busqueda.svelte b/src/lib/head/Busqueda.svelte
index 3a6134d..12a8b22 100644
--- a/src/lib/head/Busqueda.svelte
+++ b/src/lib/head/Busqueda.svelte
@@ -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>
diff --git a/src/lib/head/Header.svelte b/src/lib/head/Header.svelte
index 838fbd1..b403ae7 100644
--- a/src/lib/head/Header.svelte
+++ b/src/lib/head/Header.svelte
@@ -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 -->