Redocly/redoc
1
1
Fork 0
mirror of https://github.com/Redocly/redoc.git synced 2024-11-26 02:23:43 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix: align logo by center

Browse Source
This commit is contained in:
Roman Hotsiy 2018-03-09 21:09:35 +02:00
parent 49c23c9345
commit 18ec3ac17b
No known key found for this signature in database
GPG Key ID: 5CB7B3ACABA57CB0
2 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/ApiLogo/ApiLogo.tsx
View File

@ -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 }> {

7
src/components/ApiLogo/styled.elements.ts → src/components/ApiLogo/styled.elements.tsx
View File

@ -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>;