style: fixing it

Rahuletto · Jan 21, 2025 · 0e1b62e · 0e1b62e
1 parent 823d505
commit 0e1b62e
Showing 1 changed file with 14 additions and 14 deletions.
diff --git a/app/academia/faculties/components/SearchBar.tsx b/app/academia/faculties/components/SearchBar.tsx
@@ -35,19 +35,19 @@ export function SearchBar({ searchQuery, setSearchQuery }: SearchBarProps) {
 
 	if (!isMounted) return null;
 	return (
-		<div className="fixed z-50 bottom-10 left-0 flex w-full items-center justify-center duration-200 focus-within:mb-8 focus-within:scale-105 active:mb-8 active:scale-105">
-			<input
-				tabIndex={0}
-				ref={searchbox}
-				type="text"
-				placeholder="Search"
-				value={searchQuery}
-				onChange={(e) => setSearchQuery(e.target.value)}
-				className="relative z-10 w-[250px] animate-fastfade rounded-xl bg-light-button px-4 py-2 text-lg font-medium shadow-lg outline-none backdrop-blur-lg dark:backdrop-blur-lg transition-all duration-200 md:w-[350px] dark:bg-dark-button"
-			/>
-			<div className="relative right-8 z-10 text-xl opacity-50">
-				<LuSquareSlash />
-			</div>
-		</div>
+		<div className="sticky z-50 bottom-6 left-0 flex w-full items-center justify-center duration-200 focus-within:mb-8 focus-within:scale-105 active:mb-8 active:scale-105">
+					<input
+						tabIndex={0}
+						ref={searchbox}
+						type="text"
+						placeholder="Search"
+						value={searchQuery}
+						onChange={(e) => setSearchQuery(e.target.value)}
+						className="relative z-10 w-[250px] animate-fastfade rounded-xl bg-light-button px-4 py-2 text-lg font-medium shadow-lg outline-none backdrop-blur-lg dark:backdrop-blur-lg transition-all duration-200 md:w-[350px] dark:bg-dark-button"
+					/>
+					<div className="relative right-8 z-10 text-xl opacity-50">
+						<LuSquareSlash />
+					</div>
+				</div>
 	);
 }