vitalif
/
react-toolbox
1
0
Fork 0
Code Issues Pull Requests Releases 12 Wiki Activity

Add support button to home page

old
Javi Velasco 2015-11-03 10:53:48 +01:00
parent 7880a36525
commit 3236a3fe45
2 changed files with 26 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
docs/app/components/layout/home/index.jsx
View File

@ -12,6 +12,10 @@ const Home = () => (
<div className={style.github}>
<iframe src='https://ghbtns.com/github-btn.html?user=react-toolbox&amp;repo=react-toolbox&amp;type=star&amp;count=true' frameBorder='0' scrolling='0' />
<iframe src='https://ghbtns.com/github-btn.html?user=react-toolbox&amp;repo=react-toolbox&amp;type=fork&amp;count=true' frameBorder='0' scrolling='0' />
<a className={style.donate} href='https://www.paypal.com/javivelasco' target='_blank'>
<span className={style.legend}>support</span>
<span className={style.paypal}>paypal</span>
</a>
</div>
<Logo className={style.logo} />

22
docs/app/components/layout/home/style.scss
View File

@ -37,6 +37,7 @@ $content-width: 740px;
display: inline-block;
width: 10 * $unit;
height: 2 * $unit;
vertical-align: top;
}
}
.navigation > ul {
@ -146,3 +147,24 @@ $content-width: 740px;
background-color: transparent;
}
}
.donate {
display: inline-block;
overflow: hidden;
font-size: 1.1 * $unit;
color: #fff;
vertical-align: top;
border-radius: 3px;
.legend {
display: inline-block;
padding: 0 .5 * $unit;
line-height: 2 * $unit;
background-color: #555;
}
.paypal {
display: inline-block;
padding: 0 .5 * $unit;
line-height: 2 * $unit;
background-color: #007ec6;
}
}