fix: align logo by center

Redocly · Mar 9, 2018 · 18ec3ac · 18ec3ac
1 parent 49c23c9
commit 18ec3ac
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/components/ApiLogo/ApiLogo.tsx b/src/components/ApiLogo/ApiLogo.tsx
@@ -1,9 +1,7 @@
 import { observer } from 'mobx-react';
 import * as React from 'react';
 import { OpenAPIInfo } from '../../types';
-import { LogoImgEl, LogoWrap } from './styled.elements';
-
-const LinkWrap = url => Component => <a href={url}>{Component}</a>;
+import { LogoImgEl, LogoWrap, LinkWrap } from './styled.elements';
 
 @observer
 export class ApiLogo extends React.Component<{ info: OpenAPIInfo }> {

diff --git a/src/components/ApiLogo/styled.elements.ts → src/components/ApiLogo/styled.elements.tsx b/src/components/ApiLogo/styled.elements.ts → src/components/ApiLogo/styled.elements.tsx
@@ -1,3 +1,4 @@
+import * as React from 'react';
 import styled from '../../styled-components';
 
 export const LogoImgEl = styled.img`
@@ -10,3 +11,9 @@ export const LogoImgEl = styled.img`
 export const LogoWrap = styled.div`
   text-align: center;
 `;
+
+const Link = styled.a`
+  display: inline-block;
+`;
+
+export const LinkWrap = url => Component => <Link href={url}>{Component}</Link>;