Wrapper: remove flex-grow and h-full

Vizzuality · Dec 18, 2023 · 6331999 · 6331999
1 parent e71c064
commit 6331999
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/app/layout/home/intro/component.tsx b/app/layout/home/intro/component.tsx
@@ -29,7 +29,7 @@ export const HomeIntro: React.FC = () => {
       style={{ backgroundColor }}
     >
       <HeroAnimation />
-      <Wrapper>
+      <Wrapper className="h-full">
         <div className="relative z-10 m-auto flex h-full w-full max-w-5xl flex-col justify-between py-8 md:mb-48 md:mt-52 md:py-0">
           <div className="lg:pr-80">
             <motion.h1

diff --git a/app/layout/wrapper/component.tsx b/app/layout/wrapper/component.tsx
@@ -4,13 +4,15 @@ import { cn } from 'utils/cn';
 
 export interface WrapperProps {
   children: ReactNode;
+  className?: string;
 }
 
-export const Wrapper: React.FC<WrapperProps> = ({ children }: WrapperProps) => {
+export const Wrapper: React.FC<WrapperProps> = ({ children, className }: WrapperProps) => {
   return (
     <div
       className={cn({
-        'mx-auto flex h-full w-full flex-grow flex-col px-10 md:container': true,
+        'mx-auto flex w-full flex-col px-10 md:container': true,
+        [className]: !!className,
       })}
     >
       {children}