fixing mobile heights

cuappdev · Dec 20, 2024 · 9956776 · 9956776
1 parent 0c926be
commit 9956776
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/app/chat/[chatId]/page.tsx b/src/app/chat/[chatId]/page.tsx
@@ -188,7 +188,7 @@ export default function ChatPage() {
 
   return (
     <Protected>
-      <div className="flex flex-row gap-0 w-full h-screen">
+      <div className="flex flex-row gap-0 w-full h-svh">
         <div
           className={`bg-black transition-all duration-300 flex-shrink-0 overflow-y-auto ${isNavbarOpen ? 'w-64' : 'w-0'}`}
         >

diff --git a/src/app/components/InitialChatPage.tsx b/src/app/components/InitialChatPage.tsx
@@ -27,7 +27,7 @@ export default function InitialChatPage() {
   };
 
   return (
-    <div className="flex flex-row gap-0 h-screen">
+    <div className="flex flex-row gap-0 h-svh">
       <div
         className={`bg-black transition-all duration-300 overscroll-none flex-shrink-0 ${isNavbarOpen ? 'w-64' : 'w-0'}`}
       >

diff --git a/src/app/components/Protected.tsx b/src/app/components/Protected.tsx
@@ -20,7 +20,7 @@ export default function Protected({ children }: ProtectedProps) {
   if (loading) {
     return (
       <div className="h-screen w-screen flex align-middle justify-center">
-        <Spinner width='4' height='4' />
+        <Spinner width='5' height='5' />
       </div>
     );
   }