feat(COR-1713): passing correct spacing as prop to devider.

minvws · Aug 14, 2023 · 3326c15 · 3326c15
1 parent 8a887f2
commit 3326c15
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 7 deletions.
diff --git a/packages/app/src/components/divider.tsx b/packages/app/src/components/divider.tsx
@@ -13,13 +13,12 @@ import { space } from '~/style/theme';
 
 export const Divider = styled.div<{
   marginBottom?: any;
-  marginTop?: any;
-}>(({ marginBottom, marginTop }) =>
+}>(({ marginBottom }) =>
   css({
     width: '100%',
-    borderTop: `solid 2px ${colors.green3}`,
-    marginTop: marginTop,
-    marginBottom: marginBottom,
+    borderTop: `solid 2px ${colors.gray2}`,
+    marginTop: space[2],
+    marginBottom: `${marginBottom} !important`,
     paddingY: space[2],
   })
 );
diff --git a/packages/app/src/pages/gemeente/[code]/vaccinaties.tsx b/packages/app/src/pages/gemeente/[code]/vaccinaties.tsx
@@ -221,7 +221,7 @@ export const VaccinationsGmPage = (props: StaticProps<typeof getStaticProps>) =>
             </InView>
           )}
 
-          <Divider marginTop={space[3]} marginBottom={space[8]} style={{ marginBottom: `0px` }} />
+          <Divider marginBottom={space[4]} />
 
           <PageInformationBlock
             title={textNl.section_archived.title}

diff --git a/packages/app/src/pages/landelijk/sterfte.tsx b/packages/app/src/pages/landelijk/sterfte.tsx
@@ -132,7 +132,7 @@ const DeceasedNationalPage = (props: StaticProps<typeof getStaticProps>) => {
             </InView>
           )}
 
-          <Divider style={{ marginBottom: space[3] }} />
+          <Divider marginBottom={space[4]} />
 
           <PageInformationBlock
             title={textNl.section_archived.title}