Remove dvh height for mobile fixed height and screen size

AUSG · Sep 1, 2024 · 708c2c9 · 708c2c9
1 parent 3260760
commit 708c2c9
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 18 deletions.
diff --git a/src/app/components/Backdrop.tsx b/src/app/components/Backdrop.tsx
@@ -12,7 +12,7 @@ export default function Backdrop({ children }: { children: React.ReactNode }) {
     <>
       <div
         className={cn(
-          "bg-gray-4000/50 fixed left-0 top-0 -z-10 flex h-full w-full items-center justify-center transition-colors duration-500",
+          "bg-gray-4000/50 fixed left-0 top-0 -z-10 flex h-screen w-full items-center justify-center transition-colors duration-500",
           inView && "bg-gray-700/80"
         )}
       />

diff --git a/src/app/components/Background.tsx b/src/app/components/Background.tsx
@@ -2,7 +2,7 @@ import Spline from "@splinetool/react-spline/next";
 
 export default function Background() {
   return (
-    <div className="fixed left-0 top-0 -z-20 flex h-full w-full items-center justify-center bg-scene">
+    <div className="fixed left-0 top-0 -z-20 flex h-screen w-full items-center justify-center bg-scene">
       <Spline scene="/cloud.spline" />
     </div>
   );

diff --git a/src/app/components/HeroSection.tsx b/src/app/components/HeroSection.tsx
@@ -21,7 +21,7 @@ export default function HeroSection() {
 
   return (
     <motion.section
-      className="relative h-screen-dvh"
+      className="relative h-screen"
       ref={heroRef}
       animate={heroInView && mounted ? "visible" : "hidden"}
       variants={{

diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -25,20 +25,5 @@ const config: Config = {
       },
     },
   },
-  plugins: [
-    plugin(function ({ addUtilities }) {
-      addUtilities({
-        ".h-screen-dvh": {
-          height: ["100vh", "100dvh"],
-        },
-        ".min-h-screen-dvh": {
-          minHeight: ["100vh", "100dvh"],
-        },
-        ".max-h-screen-dvh": {
-          maxHeight: ["100vh", "100dvh"],
-        },
-      });
-    }),
-  ],
 };
 export default config;