changing the vh with dvh (#52)

blackwavesdev · Nov 25, 2024 · b123f02 · b123f02 · github-actions · Nov 25, 2024
2 parents a06b485 + 2987c86
commit b123f02
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/app/components/Hero.tsx b/app/components/Hero.tsx
@@ -36,7 +36,7 @@ const Hero = forwardRef<HTMLDivElement>((_, ref) => {
   return (
     <section
       ref={localRef}
-      className={`overflow-x-hidden flex justify-center h-screen w-full snap-start`}
+      className={`overflow-x-hidden flex justify-center h-[100dvh] w-full snap-start`}
     >
       <div
         className={`flex w-full h-full flex-col md:flex-row justify-center items-center transition-all duration-700 ${

diff --git a/app/components/ScrollBySection.tsx b/app/components/ScrollBySection.tsx
@@ -62,7 +62,7 @@ const ScrollBySection: React.FC = () => {
 
   return (
     <div
-      className={`h-screen w-full ${isDesktop ? "overflow-y-hidden" : ""}`} // Overflow hidden only for desktop
+      className={`h-[100dvh] w-full ${isDesktop ? "overflow-y-hidden" : ""}`} // Overflow hidden only for desktop
     >
       <Hero
         ref={(el) => {

diff --git a/app/layout.tsx b/app/layout.tsx
@@ -23,7 +23,7 @@ export default function RootLayout({
           rel="stylesheet"
         />
       </head>
-      <body className={`font-Poppins antialiased`}>{children}</body>
+      <body className={`h-[100dvh] font-Poppins antialiased`}>{children}</body>
     </html>
   );
 }