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

Add Spotify logo to login link

Browse source
This commit is contained in:
Gabriel Augendre 2016-04-24 02:24:49 +02:00
parent a730a24216
commit 21c03f059e
No known key found for this signature in database
GPG key ID: D2B6A5B41FC438B1
4 changed files with 31 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/public/components/authenticate.js
View file

@ -51,7 +51,9 @@ var Authenticate = React.createClass({
if (this.props.auth.access_token == null) {
auth = (
<Nav pullRight>
<NavItem eventKey={1} href="/login"><strong>Login With Spotify</strong></NavItem>
<NavItem eventKey={1} href="/login">
<img className="spotify-logo" src="images/spotify-black.png" alt="Spotify Logo"/><strong>Login With Spotify</strong>
</NavItem>
</Nav>
);
}
@ -74,8 +76,10 @@ var Authenticate = React.createClass({
</Navbar.Header>
<Navbar.Collapse>
<Nav>
<NavItem eventKey={1} href="#" active={this.props.activeTab.finder} onClick={this.props.showFinder}>Finder</NavItem>
<NavItem eventKey={1} href="#" active={this.props.activeTab.about} onClick={this.props.showAbout}>About</NavItem>
<NavItem eventKey={1} href="#" active={this.props.activeTab.finder}
onClick={this.props.showFinder}>Finder</NavItem>
<NavItem eventKey={1} href="#" active={this.props.activeTab.about}
onClick={this.props.showAbout}>About</NavItem>
</Nav>
{auth}
</Navbar.Collapse>

BIN
src/public/images/spotify-black.png Executable file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 16 KiB

1
src/public/index.html
View file

@ -21,6 +21,7 @@
<head>
<title>DAVIDS &bull; DuplicAtes VIewer and Detector for Spotify</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
</head>

23
src/public/style.css Normal file
View file

@ -0,0 +1,23 @@
/*
* DAVIDS lets you find and view duplicates in your Spotify playlists.
* Copyright (C) 2016 Gabriel Augendre <gabriel@augendre.info>
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
.spotify-logo {
height: 20px;
margin-left: 10px;
margin-right: 10px;
}