gaugendre/DAVIDS
1
0
Fork 0
Code Issues Pull requests Releases Activity

Update footer design

Browse source
This commit is contained in:
Gabriel Augendre 2016-04-26 02:50:53 +02:00
parent 2307ad8db4
commit 272f7a4b4e
No known key found for this signature in database
GPG key ID: D2B6A5B41FC438B1
2 changed files with 13 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/public/components/app.js
View file

@ -133,13 +133,18 @@ var App = React.createClass({
<Authenticate activeTab={this.state.activeTab} showFinder={this.showFinder} showAbout={this.showAbout} <Authenticate activeTab={this.state.activeTab} showFinder={this.showFinder} showAbout={this.showAbout}
auth={auth} refreshAuth={this.refreshAuth}/> auth={auth} refreshAuth={this.refreshAuth}/>
<div className="container-fluid"> <div className="container-fluid">
<h1>DAVIDS <small className="hidden-sm hidden-xs">DuplicAtes VIewer and Detector for Spotify</small></h1> <h1>
DAVIDS
<small className="hidden-sm hidden-xs">DuplicAtes VIewer and Detector for Spotify</small>
</h1>
{content} {content}
</div> </div>
<footer className="footer"> <footer className="footer">
<div className="container-fluid"> <div className="container-fluid">
<p className="text-muted"> <p className="text-muted">
Copyright © {(new Date()).getFullYear()} Gabriel Augendre : <a href="https://github.com/Crocmagnon/DAVIDS/tree/master/LICENSE">MIT License</a>. Copyright © {(new Date()).getFullYear()} Gabriel Augendre &bull; <a
href="https://github.com/Crocmagnon/DAVIDS/tree/master/LICENSE">MIT License</a> &bull; <a
href="https://github.com/Crocmagnon/">Other work</a>
</p> </p>
</div> </div>
</footer> </footer>

8
src/public/style.css
View file

@ -37,9 +37,13 @@ body {
width: 100%; width: 100%;
/* Set the fixed height of the footer here */ /* Set the fixed height of the footer here */
height: 60px; height: 60px;
line-height: 60px;
background-color: #f5f5f5; background-color: #f5f5f5;
} }
.container-fluid .text-muted { .footer p {
margin: 20px 0; margin: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} }