📱 fix(Root.tsx): Update styling to use h-dvh instead of h-screen (danny-avila#1608)

Author: danny-avila

client/package.json

@@ -112,7 +112,7 @@
     "postcss": "^8.4.31",
     "postcss-loader": "^7.1.0",
     "postcss-preset-env": "^8.2.0",
-    "tailwindcss": "^3.2.6",
+    "tailwindcss": "^3.4.1",
     "ts-jest": "^29.1.0",
     "typescript": "^5.0.4",
     "vite": "^5.0.7",

client/src/routes/Root.tsx

@@ -59,7 +59,7 @@ export default function Root() {
 
   return (
     <>
-      <div className="flex h-screen">
+      <div className="flex h-dvh">
         <Nav navVisible={navVisible} setNavVisible={setNavVisible} />
         <div className="relative z-0 flex h-full w-full overflow-hidden">
           <div className="relative flex h-full max-w-full flex-1 flex-col overflow-hidden">