Update footer design
This commit is contained in:
parent
2307ad8db4
commit
272f7a4b4e
2 changed files with 13 additions and 4 deletions
|
@ -133,13 +133,18 @@ var App = React.createClass({
|
|||
<Authenticate activeTab={this.state.activeTab} showFinder={this.showFinder} showAbout={this.showAbout}
|
||||
auth={auth} refreshAuth={this.refreshAuth}/>
|
||||
<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}
|
||||
</div>
|
||||
<footer className="footer">
|
||||
<div className="container-fluid">
|
||||
<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 • <a
|
||||
href="https://github.com/Crocmagnon/DAVIDS/tree/master/LICENSE">MIT License</a> • <a
|
||||
href="https://github.com/Crocmagnon/">Other work</a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
|
|
@ -37,9 +37,13 @@ body {
|
|||
width: 100%;
|
||||
/* Set the fixed height of the footer here */
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.container-fluid .text-muted {
|
||||
margin: 20px 0;
|
||||
.footer p {
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue