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

…1608)
danny-avila · Jan 22, 2024 · a0dabcc · a0dabcc
1 parent 42de461
commit a0dabcc
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 15 deletions.
diff --git a/client/package.json b/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",

diff --git a/client/src/routes/Root.tsx b/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">

diff --git a/package-lock.json b/package-lock.json