Use theme values for spacing
Luke Karrys committed
Oct 22, 2023 at 07:49 UTC
98d8bc330ff58935d454c6d64d823ccc507db7b3
2 files changed
+2
-2
src/components/header.js
+1
-1
@@ -58,7 +58,7 @@ function Header() {
58
alignItems: 'center',
59
}}
60
>
61
- <NpmLogo size="32" sx={{display: 'flex', mr: '16px'}} />
61
+ <NpmLogo size="32" sx={{display: 'flex', mr: 3}} />
62
{siteMetadata.title}
63
</Link>
64
<Box sx={{display: ['none', null, null, 'block'], ml: 4}}>
src/mdx/index.js
+1
-1
@@ -304,7 +304,7 @@ export const Image = styled(RequiredImage)`
304
`
305
306
export const Screenshot = styled(RequiredImage)`
307
- margin-top: 15px;
307
+ margin-top: ${themeGet('space.3')};
308
max-width: min(100%, 525px);
309
max-height: 300px;
310
border: 1px solid ${themeGet('colors.border.default')};