add logo gutter

Redocly · Apr 8, 2019 · 82c0cb1 · 82c0cb1
1 parent 649940b
commit 82c0cb1
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/src/components/ApiLogo/styled.elements.tsx b/src/components/ApiLogo/styled.elements.tsx
@@ -10,6 +10,7 @@ export const LogoImgEl = styled.img`
 
 export const LogoWrap = styled.div`
   text-align: center;
+  padding: ${props => props.theme.logo.gutter};
 `;
 
 const Link = styled.a`

diff --git a/src/theme.ts b/src/theme.ts
@@ -139,6 +139,7 @@ const defaultTheme: ThemeInterface = {
   logo: {
     maxHeight: ({ menu }) => menu.width,
     maxWidth: ({ menu }) => menu.width,
+    gutter: '2px',
   },
   rightPanel: {
     backgroundColor: '#263238',
@@ -307,6 +308,7 @@ export interface ResolvedThemeInterface {
   logo: {
     maxHeight: string;
     maxWidth: string;
+    gutter: string;
   };
   rightPanel: {
     backgroundColor: string;