secstate/Iris
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Adding glow to all large thumbnails

Browse Source
This commit is contained in:
James Barnsley
2019-08-30 08:32:47 +12:00
parent 96bc99ce84
commit 8bc6e1b749
12 changed files with 29 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/js/views/Album.js
View File

@ -176,7 +176,7 @@ export class Album extends React.Component {
<Parallax image={album.images ? album.images.huge : null} blur />
<div className="thumbnail-wrapper">
<Thumbnail size="large" canZoom images={album.images} />
<Thumbnail size="large" glow canZoom images={album.images} />
</div>
<div className="title">

2
src/js/views/Artist.js
View File

@ -353,7 +353,7 @@ class Artist extends React.Component{
<div className="heading">
<div className="heading__thumbnail">
<Thumbnail size="medium" circle image={image} />
<Thumbnail size="medium" circle canZoom image={image} />
</div>
<div className="heading__content">

4
src/js/views/Playlist.js
View File

@ -215,12 +215,12 @@ class Playlist extends React.Component{
<Parallax image={playlist.images ? playlist.images.huge : null} blur />
<div className="thumbnail-wrapper">
<Thumbnail size="large" canZoom images={playlist.images} />
<Thumbnail size="large" glow canZoom images={playlist.images} />
</div>
<div className="title">
<h1>{playlist.name}</h1>
{playlist.description ? <h2 className="description mid_grey-text" dangerouslySetInnerHTML={{__html: playlist.description}}></h2> : null }
{playlist.description ? <h2 className="description" dangerouslySetInnerHTML={{__html: playlist.description}}></h2> : null }
<ul className="details">
{!this.props.slim_mode ? <li className="source"><Icon type="fontawesome" name={helpers.sourceIcon(playlist.uri)} /></li> : null }

4
src/js/views/Queue.js
View File

@ -139,7 +139,7 @@ class Queue extends React.Component {
src="/iris/assets/radio-overlay.png"
/>
) : null}
<Thumbnail circle={this.props.radio_enabled} />
<Thumbnail glow circle={this.props.radio_enabled} />
</div>
);
}
@ -163,7 +163,7 @@ class Queue extends React.Component {
src="/iris/assets/radio-overlay.png"
/>
) : null}
<Thumbnail image={image} circle={this.props.radio_enabled} />
<Thumbnail glow image={image} circle={this.props.radio_enabled} />
</URILink>
</div>
);

2
src/js/views/Track.js
View File

@ -230,7 +230,7 @@ class Track extends React.Component{
<div className="title">
<h1>{track.name}</h1>
<h2 className="mid_grey-text">
<h2>
{track.album && track.album.uri ? <Link to={'/album/'+track.album.uri}>{track.album.name}</Link> : null}
{track.album && !track.album.uri ? track.album.name : null}
{!track.album ? "Unknown album" : null}

7
src/scss/global/_core.scss
View File

@ -223,6 +223,11 @@ h1 {
font-size: 3.4rem;
line-height: 3.4rem;
letter-spacing: -0.15rem;
color: colour(white);
.light-theme & {
color: colour(darkest_grey);
}
}
h2 {
@ -232,6 +237,8 @@ h2 {
line-height: 2.2rem;
letter-spacing: -0.08rem;
opacity: 0.5;
a {
color: inherit;
text-decoration: none;