From be37646f47c1ab773383ea982cfcfa76927b732e Mon Sep 17 00:00:00 2001
From: Tyler <26290074+thegitduck@users.noreply.github.com>
Date: Sat, 15 Mar 2025 12:15:11 -0700
Subject: [PATCH] change height and focus behavior

---
 src/app.tsx               | 2 +-
 src/components/search.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app.tsx b/src/app.tsx
index 55418c7..86ec523 100644
--- a/src/app.tsx
+++ b/src/app.tsx
@@ -18,7 +18,7 @@ const persister = createSyncStoragePersister({
 
 export default function App() {
   return (
-    <div className="h-screen relative flex flex-col">
+    <div className="h-svh relative flex flex-col">
       <main className="flex-1 min-h-0">
         <div className="flex-1 h-full min-h-0 overflow-hidden flex flex-col items-center p-4 pt-8">
           <div className="w-full max-w-4xl overflow-y-hidden flex flex-col px-0.5">
diff --git a/src/components/search.tsx b/src/components/search.tsx
index 7b491a6..a6ee141 100644
--- a/src/components/search.tsx
+++ b/src/components/search.tsx
@@ -138,7 +138,7 @@ export const Search = () => {
               type="text"
               value={query}
               onChange={(e) => {
-                setActiveIndex(e.target.value.length ? -1 : 0);
+                setActiveIndex(e.target.value.length ? 0 : -1);
                 setQuery(e.target.value);
               }}
               placeholder={
-- 
2.51.2