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

Blurred parallax

Browse Source
This commit is contained in:
James Barnsley
2017-07-14 13:49:14 +12:00
parent 308cce1da3
commit 43ded4c465
4 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -205,7 +205,7 @@ class Artist extends React.Component{
<div className="intro">
<Parallax image={image} />
<Parallax blur image={image} />
<div className="liner">
<Thumbnail image={image} canZoom circle />

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

@ -77,7 +77,7 @@ class User extends React.Component{
<SidebarToggleButton />
<div className="intro">
<Parallax image={image} />
<Parallax blur image={image} />
<div className="liner">
<Thumbnail image={image} canZoom circle />
<h1>{ this.props.user.display_name ? this.props.user.display_name : this.props.user.id }</h1>

8
src/scss/views/_artist.scss
View File

@ -22,14 +22,14 @@
.liner {
position: relative;
z-index: 1;
padding: 30vh 40px 0 260px;
padding: 30vh 40px 0 350px;
.thumbnail {
position: absolute;
z-index: 2;
left: 40px;
bottom: 20px;
max-width: 184px;
bottom: 40px;
max-width: 264px;
.image {
background-color: $darkest_grey;
@ -42,7 +42,7 @@
}
.actions {
padding-bottom: 15px;
padding-bottom: 60px;
.context-menu-trigger {
color: $white;

6
src/scss/views/_user.scss
View File

@ -17,14 +17,14 @@
.liner {
position: relative;
z-index: 1;
padding: 30vh 40px 40px 260px;
padding: 30vh 40px 90px 350px;
.thumbnail {
position: absolute;
z-index: 2;
left: 40px;
bottom: 20px;
max-width: 184px;
bottom: 40px;
max-width: 264px;
.image {
background-color: $darkest_grey;