fix: Add vertical whitespace to grids in Footer and Highlight examples (

#812)
Amsterdam · Nov 27, 2023 · 1953e9d · 1953e9d
1 parent 78c5d7a
commit 1953e9d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/storybook/storybook-react/src/Footer/Footer.stories.tsx b/storybook/storybook-react/src/Footer/Footer.stories.tsx
@@ -31,7 +31,7 @@ export const Default: Story = {
         <VisuallyHidden>
           <Heading>Colofon</Heading>
         </VisuallyHidden>
-        <Grid>
+        <Grid paddingVertical="medium">
           <Grid.Cell span={3}>
             <div style={{ display: 'grid', gap: '2.5rem' }}>
               <Heading level={2} size="level-4" inverseColor>
@@ -116,7 +116,7 @@ export const Default: Story = {
         <VisuallyHidden>
           <Heading level={2}>Over deze website</Heading>
         </VisuallyHidden>
-        <Grid>
+        <Grid paddingVertical="small">
           <Grid.Cell fullWidth>
             <PageMenu>
               <PageMenu.Link href="/">Privacy</PageMenu.Link>

diff --git a/storybook/storybook-react/src/Highlight/Highlight.stories.tsx b/storybook/storybook-react/src/Highlight/Highlight.stories.tsx
@@ -34,7 +34,7 @@ const meta = {
   },
   render: ({ color }) => (
     <Highlight color={color}>
-      <Grid>
+      <Grid paddingVertical="medium">
         <Grid.Cell fullWidth>
           <Blockquote inverseColor={!color || !['green', 'yellow'].includes(color)}>
             We kunnen in heel Nederland schoolpleinen creëren waar kinderen worden uitgedaagd om samen te spelen en te