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

Add heading component

Browse Source
This commit is contained in:
Phuoc Nguyen
2019-11-24 22:39:33 +07:00
parent 24d36dc1c6
commit 9a188e8583
6 changed files with 36 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
client/layouts/Footer.jsx
View File

@@ -1,10 +1,12 @@
import React from 'react';
import Heading from '../components/Heading';
const Footer = () => {
return (
<div className="bl br bb b--black-20 flex justify-between br4 br--bottom">
<div className="bt br b--black-20 relative" style={{ flex: 1 }}>
<h3 className="absolute bg-white f4 left-2 lh-copy ma0 ph2 top-0 ttu" style={{ transform: 'translate(0, -50%)' }}>Products</h3>
<div className="br b--black-20" style={{ flex: 1 }}>
<Heading title="Products" />
<ul className="list ma0 pa0 lh-copy fw5 pa4">
<li>
@@ -25,8 +27,8 @@ const Footer = () => {
</ul>
</div>
<div className="bt b--black-20 relative" style={{ flex: 1 }}>
<h3 className="absolute bg-white f4 left-2 lh-copy ma0 ph2 top-0 ttu" style={{ transform: 'translate(0, -50%)' }}>About</h3>
<div style={{ flex: 1 }}>
<Heading title="About" />
<div className="pa4">
<div className="pb2 lh-copy">© 2019 Nguyen Huu Phuoc and contributors</div>