Change position of Footer

ZdruzenieSTROM · Dec 9, 2023 · 21d1e22 · 21d1e22
1 parent 954a8f6
commit 21d1e22
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/src/components/PageLayout/Footer/Footer.module.scss b/src/components/PageLayout/Footer/Footer.module.scss
@@ -2,8 +2,6 @@
   width: 100%;
   background-color: black;
   color: white;
-  position: absolute;
-  bottom: 0;
 }
 
 .grid {

diff --git a/src/components/PageLayout/PageLayout.module.scss b/src/components/PageLayout/PageLayout.module.scss
@@ -1,9 +1,12 @@
 .pageContainer {
   min-height: 100vh;
   position: relative;
+  display: flex;
+  flex-direction: column;
 }
 
 .grid {
+  flex: 1;
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   // bottom offset because of sticky debug footer

diff --git a/src/components/PageLayout/PageLayout.tsx b/src/components/PageLayout/PageLayout.tsx
@@ -42,8 +42,8 @@ export const PageLayout: FC<PageLayoutProps> = ({contentWidth = 2, title = '', c
           <div className={styles.pageContainer}>
             <TopGrid />
             <MenuMain />
+            <StromLogo />
             <div className={styles.grid}>
-              <StromLogo />
               <div
                 className={clsx(
                   styles.mainContent,
@@ -55,8 +55,8 @@ export const PageLayout: FC<PageLayoutProps> = ({contentWidth = 2, title = '', c
                 {children}
               </div>
             </div>
-            <DebugFooter />
             <Footer />
+            <DebugFooter />
           </div>
         </BannerContainer.Provider>
       </PageTitleContainer.Provider>