Merge pull request #260 from navikt/dynamic-footer

Dynamic footer

Author: mahval

src/styled-components/main-container.tsx

@@ -1,12 +1,24 @@
 import styled from 'styled-components/macro';
+import { desktopHeight } from './media-queries';
 
-export const InngangMainContainer = styled.main`
+const MainContainer = styled.main`
     padding-bottom: 128px;
+    min-height: 75vh;
+
+    @media ${desktopHeight.desktopL} {
+        min-height: 80vh;
+    }
+    @media ${desktopHeight.desktop4K} {
+        min-height: 85vh;
+    }
+`;
+
+export const InngangMainContainer = styled(MainContainer)`
     padding-top: 64px;
     background-color: #e7e9e9;
 `;
 
-export const FormMainContainer = styled.main`
+export const FormMainContainer = styled(MainContainer)`
     padding-bottom: 128px;
     background-color: #fff;
 `;

src/styled-components/media-queries.ts

@@ -8,6 +8,11 @@ const size = {
     desktop: '2560px'
 };
 
+export const desktopHeight = {
+    desktopL: '(min-height: 1440px)',
+    desktop4K: '(min-height: 2160px)'
+};
+
 export const device = {
     mobileS: `(min-width: ${size.mobileS})`,
     mobileM: `(min-width: ${size.mobileM})`,