- Fix artist/album/track images
This commit is contained in:
Daniel Mason 2021-04-17 11:34:53 +12:00
parent 8bc462878a
commit 65b4c78137
Signed by: idanoo
GPG key ID: 387387CDBC02F132
12 changed files with 29 additions and 12 deletions

View file

@ -11,5 +11,5 @@
}
.homeBannerItemCount {
font-size: 22pt;
font-size: 1.9rem;
}

View file

@ -49,6 +49,7 @@ const Album = (route) => {
{album.name}
</h1>
<div className="pageBody">
<img src={process.env.REACT_APP_API_URL + "/img/" + album.uuid + "_full.jpg"} alt={album.name} style={{maxWidth: `300px`, maxHeight: `300px`}}/><br/><br/>
{album.mbid && <a rel="noreferrer" target="_blank" href={"https://musicbrainz.org/album/" + album.mbid}>Open on MusicBrainz<br/></a>}
{album.spotify_id && <a rel="noreferrer" target="_blank" href={"https://open.spotify.com/album/" + album.spotify_id}>Open on Spotify<br/></a>}
</div>

View file

@ -49,7 +49,7 @@ const Artist = (route) => {
{artist.name}
</h1>
<div className="pageBody" style={{textAlign: `center`}}>
<img src={artist.img} alt={artist.name} style={{maxWidth: `300px`, maxHeight: `300px`}}/><br/><br/>
<img src={process.env.REACT_APP_API_URL + "/img/" + artist.uuid + "_full.jpg"} alt={artist.name} style={{maxWidth: `300px`, maxHeight: `300px`}}/><br/><br/>
{artist.mbid && <a rel="noreferrer" target="_blank" href={"https://musicbrainz.org/artist/" + artist.mbid}>Open on MusicBrainz<br/></a>}
{artist.spotify_id && <a rel="noreferrer" target="_blank" href={"https://open.spotify.com/artist/" + artist.spotify_id}>Open on Spotify<br/></a>}
</div>

View file

@ -0,0 +1,11 @@
.homeText {
margin: 0;
font-size: 2rem;
}
.subHomeText {
margin-top: -5px;
font-style: italic;
color: #CCC;
font-size: 1.4rem;
}

View file

@ -9,6 +9,7 @@ const Home = () => {
<div className="pageWrapper">
<img src={logo} className="App-logo" alt="logo" />
<p className="homeText">GoScrobble is an open source music scrobbling service.</p>
<p className="subHomeText">Supports Spotify, Jellyfin, Navidrome / Subsonic / Airsonic.</p>
<HomeBanner />
</div>
);

View file

@ -57,7 +57,7 @@ const Track = (route) => {
</h1>
<div className="pageBody" style={{textAlign: `center`}}>
<img src={track.img} alt={track.name} style={{maxWidth: `300px`, maxHeight: `300px`}}/><br/><br/>
<img src={process.env.REACT_APP_API_URL + "/img/" + track.img + "_full.jpg"} alt={track.name} style={{maxWidth: `300px`, maxHeight: `300px`}}/><br/><br/>
{track.mbid && <a rel="noreferrer" target="_blank" href={"https://musicbrainz.org/track/" + track.mbid}>Open on MusicBrainz<br/></a>}
{track.spotify_id && <a rel="noreferrer" target="_blank" href={"https://open.spotify.com/track/" + track.spotify_id}>Open on Spotify<br/></a>}
Track Length: {length && length}