Add real buttons to document header

Fixed: Incorrect page title when starting a new doc
Fixed: Linting error
This commit is contained in:
Tom Moor
2019-01-05 18:45:19 -08:00
parent f80e4ab04c
commit 18859bec3d
5 changed files with 48 additions and 39 deletions

View File

@ -46,7 +46,8 @@ const Modal = ({
<Content column>
{title && <h1>{title}</h1>}
<Close onClick={onRequestClose}>
<CloseIcon size={32} />
<CloseIcon size={40} />
<Esc>esc</Esc>
</Close>
{children}
</Content>
@ -80,6 +81,13 @@ const StyledModal = styled(ReactModal)`
outline: none;
`;
const Esc = styled.span`
display: block;
text-align: center;
margin-top: -10px;
font-size: 13px;
`;
const Close = styled.a`
position: fixed;
top: 16px;