fix: great place to work cropping issue in careers page (#6322)

* fix: great place to work cropping issue in careers page * fix: added padding to layout when nav type is careers
binary-com · Dec 26, 2023 · 4e498bc · 4e498bc
1 parent 0f90069
commit 4e498bc
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/components/layout/layout.tsx b/src/components/layout/layout.tsx
@@ -39,6 +39,7 @@ type LayoutProps = {
 type MainType = {
     is_static?: boolean
     padding_top?: string
+    type?: string
 }
 
 export type ModalPayloadType = {
@@ -50,7 +51,8 @@ export type ModalPayloadType = {
 }
 
 const Main = styled.main<MainType>`
-    padding-top: ${({ padding_top }) => (padding_top && `${padding_top}rem`) || '8rem'};
+    padding-top: ${({ padding_top, type }) =>
+        padding_top ? `${padding_top}rem` : type === 'careers' ? '11rem' : '8rem'};
     background: var(--color-white);
     height: 100%;
     position: relative;
@@ -150,7 +152,7 @@ const Layout = ({
                         setModalPayload={setModalPayload}
                     >
                         <div className="styled-layout">
-                            <Main padding_top={padding_top} is_static={is_static}>
+                            <Main padding_top={padding_top} type={type} is_static={is_static}>
                                 {children}
                             </Main>
                             <EURedirect

diff --git a/src/pages/careers/locations/index.tsx b/src/pages/careers/locations/index.tsx
@@ -317,7 +317,7 @@ const Locations = () => {
     }
 
     return (
-        <Layout type="careers" padding_top="7">
+        <Layout type="careers">
             <Hero />
             <StyledSectionContainer direction="column" padding="80px 16px">
                 <Header