mirror_css/csslayout
1
0
Fork 0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-08-28 16:19:52 +02:00
Code Issues Releases Wiki Activity

Tweak footer

Browse Source
This commit is contained in:
Phuoc Nguyen
2019-11-30 21:14:55 +07:00
parent 112e547b08
commit 0a1958a2c8
1 changed files with 49 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
client/layouts/Layout.tsx
View File

@@ -12,10 +12,32 @@ const Layout: React.FC<{}> = ({ children }) => {
<div style={{ margin: '0 auto 64px auto', maxWidth: '1024px' }}> <div style={{ margin: '0 auto 64px auto', maxWidth: '1024px' }}>
{children} {children}
<Footer /> <Footer />
<div> <div
<SampleCode style={{
lang='javascript' backgroundColor: '#282828',
code={` display: 'flex',
}}
>
<div
style={{
alignItems: 'flex-end',
color: '#FFF',
display: 'flex',
flexDirection: 'column',
fontWeight: 700,
justifyContent: 'center',
padding: '32px',
textTransform: 'uppercase',
}}
>
<div style={{ fontSize: '48px' }}>How</div>
<div style={{ fontSize: '70px' }}>it's</div>
<div style={{ fontSize: '42px' }}>made</div>
</div>
<div style={{ flex: 1, padding: '32px' }}>
<SampleCode
lang='javascript'
code={`
this this
.madeWith([react,typescript]) .madeWith([react,typescript])
.then((r) => lint(r)) /* tslint */ .then((r) => lint(r)) /* tslint */
@@ -29,29 +51,30 @@ this
expect(r).is(seoFriendly); expect(r).is(seoFriendly);
}) })
`} `}
/> />
</div> <div
<div className="hljs"
className="hljs" style={{
style={{ lineHeight: 1.5,
lineHeight: 1.5, listStyleType: 'none',
listStyleType: 'none', marginTop: '-16px',
marginTop: '-16px', paddingLeft: '40px',
paddingLeft: '40px', }}
}}
>
.finally(
<span className="hljs-function"><span className="hljs-params">()</span> => </span>
&#123;
<span className="hljs-comment">
<a
href="https://github.com/phuoc-ng/csslayout"
style={{ color: 'currentColor', textDecoration: 'none' }}
> >
&#47;* Give me 1 Github star here */ .finally(
</a> <span className="hljs-function"><span className="hljs-params">()</span> => </span>
</span> &#123;
}) 🎉 <span className="hljs-comment">
<a
href="https://github.com/phuoc-ng/csslayout"
style={{ color: 'currentColor', textDecoration: 'none' }}
>
&#47;* Give me 1 Github star here */
</a>
</span>
}) 🎉
</div>
</div>
</div> </div>
</div> </div>
); );