Use theme values for spacing

lukekarrys · lukekarrys · commit 98d8bc330ff5 · 2023-10-22T22:39:35.000-07:00
diff --git a/src/components/header.js b/src/components/header.js
@@ -58,7 +58,7 @@ function Header() {
                 alignItems: 'center',
               }}
             >
-              <NpmLogo size="32" sx={{display: 'flex', mr: '16px'}} />
+              <NpmLogo size="32" sx={{display: 'flex', mr: 3}} />
               {siteMetadata.title}
             </Link>
             <Box sx={{display: ['none', null, null, 'block'], ml: 4}}>
diff --git a/src/mdx/index.js b/src/mdx/index.js
@@ -304,7 +304,7 @@ export const Image = styled(RequiredImage)`
 `
 
 export const Screenshot = styled(RequiredImage)`
-  margin-top: 15px;
+  margin-top: ${themeGet('space.3')};
   max-width: min(100%, 525px);
   max-height: 300px;
   border: 1px solid ${themeGet('colors.border.default')};

Original file line number	Diff line number	Diff line change
`@@ -58,7 +58,7 @@ function Header() {`
`58`	`58`	`alignItems: 'center',`
`59`	`59`	`}}`
`60`	`60`	`>`
`61`		`- <NpmLogo size="32" sx={{display: 'flex', mr: '16px'}} />`
	`61`	`+ <NpmLogo size="32" sx={{display: 'flex', mr: 3}} />`
`62`	`62`	`{siteMetadata.title}`
`63`	`63`	`</Link>`
`64`	`64`	`<Box sx={{display: ['none', null, null, 'block'], ml: 4}}>`
Original file line number	Diff line number	Diff line change
@@ -304,7 +304,7 @@ export const Image = styled(RequiredImage)`
`304`	`304`	`
`305`	`305`
`306`	`306`	export const Screenshot = styled(RequiredImage)`
`307`		`- margin-top: 15px;`
	`307`	`+ margin-top: ${themeGet('space.3')};`
`308`	`308`	`max-width: min(100%, 525px);`
`309`	`309`	`max-height: 300px;`
`310`	`310`	`border: 1px solid ${themeGet('colors.border.default')};`