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

Center logo

Browse Source
This commit is contained in:
Roman Hotsiy 2017-11-23 11:38:18 +02:00
parent 0faa66b6e6
commit 14566b3e30
No known key found for this signature in database
GPG Key ID: 5CB7B3ACABA57CB0
2 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,7 +1,7 @@
import { OpenAPIInfo } from '../../types';
import * as React from 'react';
import { observer } from 'mobx-react';
import { LogoImgEl } from './styled.elements';
import { LogoImgEl, LogoWrap } from './styled.elements';
const LinkWrap = url => Component => <a href={url}>{Component}</a>;
@ -15,6 +15,10 @@ export class ApiLogo extends React.Component<{ info: OpenAPIInfo }> {
const logo = (
<LogoImgEl src={logoInfo.url} style={{ backgroundColor: logoInfo.backgroundColor }} />
);
return info.contact && info.contact.url ? LinkWrap(info.contact.url)(logo) : logo;
return (
<LogoWrap>
{info.contact && info.contact.url ? LinkWrap(info.contact.url)(logo) : logo}{' '}
</LogoWrap>
);
}
}

4
src/components/ApiLogo/styled.elements.ts
View File

@ -6,3 +6,7 @@ export const LogoImgEl = styled.img`
display: inline-block;
max-width: 100%;
`;
export const LogoWrap = styled.div`
text-align: center;
`;