1
0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-08-11 00:24:12 +02:00

Highlight centering sample code

This commit is contained in:
Phuoc Nguyen
2019-11-15 16:37:08 +07:00
parent 029755ed64
commit 478297f11a
3 changed files with 16 additions and 4 deletions

View File

@@ -6,12 +6,12 @@ const BrowserFrame = ({ content, source }) => {
return (
<div className="br2 ba b--black-20">
<div className="flex pa3 bb b--black-20 items-center">
<div className="flex pa3 bb b--black-20 items-center bg-black-05">
<div className="br-100 mr1 w1 h1 bg-red" />
<div className="br-100 mr1 w1 h1 bg-gold" />
<div className="br-100 mr1 w1 h1 bg-red" />
<div className="ml-auto">
<button className="pointer bg-dark-blue br2 ph2 pv1 white" onClick={flip}>
<button className="bn pointer bg-dark-blue br2 ph2 pv1 white" onClick={flip}>
{isContentActive ? 'Source' : 'Demo'}
</button>
</div>