r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

👌 remove inline styles from IconLink component

Browse source
This commit is contained in:
ghalestrilo 2020-06-18 14:16:28 -03:00
parent 5aa349522a
commit 52be7ef735
1 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
client/modules/IDE/pages/IDEViewMobile.jsx
View file

@ -69,6 +69,12 @@ const Icon = styled.a`
} }
`; `;
const StyledLink = styled(Link)`
width: 3rem;
margin-right: 1.25rem;
margin-left: none;
`;
const Screen = ({ children }) => ( const Screen = ({ children }) => (
<div className="fullscreen-preview"> <div className="fullscreen-preview">
@ -91,9 +97,9 @@ const IDEViewMobile = (props) => {
return ( return (
<Screen> <Screen>
<Header> <Header>
<Link to="/" style={{ width: '3rem', marginRight: '1.25rem' }}> <StyledLink to="/">
<CloseIcon viewBox="20 21 60 60" aria-hidden="true" aria-label="close header" /> <CloseIcon viewBox="20 21 60 60" aria-hidden="true" aria-label="close header" />
</Link> </StyledLink>
<div> <div>
<h2>{project.name}</h2> <h2>{project.name}</h2>
<h3>{selectedFile.name}</h3> <h3>{selectedFile.name}</h3>