opensensemap/osem_dash
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Add footer

Browse source
This commit is contained in:
Daniel da Silva 2016-04-14 11:44:33 +01:00
parent 10de6a8e43
commit fcbe8f53f8
2 changed files with 22 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
app/assets/scripts/views/app.js
View file

@ -25,6 +25,9 @@ var App = React.createClass({
<main className='site-body' role='main'> <main className='site-body' role='main'>
{this.props.children} {this.props.children}
</main> </main>
<footer className='site-footer' role='footer'>
<p>Made with love by <a href='https://developmentseed.org' title='Visit Development Seed website'>Development Seed</a> using <a href='http://opensensemap.org' title='Visit OpenSenseMap website'>OpenSenseMap</a> data</p>
</footer>
</div> </div>
); );
} }

19
app/assets/styles/_base.scss
View file

@ -150,9 +150,14 @@ a:active {
/* Body /* Body
========================================================================== */ ========================================================================== */
.site-body {
margin-bottom: 2rem;
}
.page__content { .page__content {
> .inner { > .inner {
// @extend .row, .row--centered; // @extend .row, .row--centered;
@extend .clearfix;
padding: 0 2rem; padding: 0 2rem;
} }
} }
@ -280,3 +285,17 @@ a:active {
/* Footer /* Footer
========================================================================== */ ========================================================================== */
.site-footer {
width: 100%;
background-color: #fff;
color: $base-color;
padding: $global-spacing 0;
box-shadow: inset 0 1px 0 0 rgba($base-color, 0.12);
padding: 1rem 2rem;
text-align: center;
p {
opacity: 0.64;
}
}