mirror_css/csslayout
1
0
Fork 0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-08-12 09:04:26 +02:00
Code Issues Releases Wiki Activity

Tweak header

Browse Source
This commit is contained in:
Phuoc Nguyen
2019-11-15 20:10:31 +07:00
parent cbb53b788b
commit cf2f8d6153
3 changed files with 5 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
client/DetailsLayout.jsx
View File

@@ -7,12 +7,10 @@ const DetailsLayout = ({ name, children }) => {
return (
<Layout>
<div className="mw8 center">
<div className="flex items-center mv5 f2">
<Link to="/" className="link">Home</Link>
<div className="ph2">/</div>
<div className="f2">{name}</div>
<div className="mv4">
<Link to="/" className="link black pa1 ba b--black-60">CSS Layout</Link>
</div>
<h1 className="f1 tc">{name}</h1>
<div className="mb5">
{children}
</div>

2
client/Home.jsx
View File

@@ -18,7 +18,7 @@ const Home = () => {
return (
c === ' '
? <div key={index} className="mh4" />
: <div key={index} className="flex items-center justify-center bg-blue white a mh1 w3 h3 f1 fw6">{c}</div>
: <div key={index} className="flex items-center justify-center bg-blue white mh1 w3 h3 f1 fw6">{c}</div>
);
})
}

2
client/layouts/StickyFooter.jsx
View File

@@ -11,7 +11,7 @@ const StickyFooter = () => {
return (
<DetailsLayout name="Sticky footer">
<div className="lh-copy mb3">
The footer is always sticky at the bottom if the main content is short.
The footer always sticks to the bottom if the main content is short.
</div>
<BrowserFrame
content={