better thumbnail placeholder

This commit is contained in:
Sean Yesmunt 2018-07-19 10:51:03 -04:00
parent 0179357e7c
commit 8ed40be8a4
6 changed files with 6 additions and 3 deletions

View file

@ -51,7 +51,7 @@ class SelectThumbnail extends React.PureComponent<Props, State> {
} = this.props;
const { thumbnailError } = this.state;
const thumbnailSrc =
!thumbnail || thumbnailError ? Native.imagePath('thumbnail.png') : thumbnail;
!thumbnail || thumbnailError ? Native.imagePath('no-thumbnail.png') : thumbnail;
return (
<div className="card__content">

View file

@ -372,4 +372,5 @@ p {
.thumbnail-preview {
height: var(--thumbnail-preview-height);
width: var(--thumbnail-preview-width);
border: var(--thumbnail-preview-border);
}

View file

@ -183,4 +183,6 @@ $large-breakpoint: 1921px;
/* Image */
--thumbnail-preview-height: 100px;
--thumbnail-preview-width: 177px;
// This will awlways white, it looks fine on light mode
--thumbnail-preview-border: 1px solid var(--color-white);
}

BIN
static/img/no-thumbnail.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.8 KiB

View file

@ -5221,9 +5221,9 @@ lazy-val@^1.0.3:
version "1.0.3"
resolved "https://registry.yarnpkg.com/lazy-val/-/lazy-val-1.0.3.tgz#bb97b200ef00801d94c317e29dc6ed39e31c5edc"
lbry-redux@lbryio/lbry-redux#177ef2c1916f9672e713267500e447d671ae1bc3:
lbry-redux@lbryio/lbry-redux#e0909b08647a790d155f3189b9f9bf0b3e55bd17:
version "0.0.1"
resolved "https://codeload.github.com/lbryio/lbry-redux/tar.gz/177ef2c1916f9672e713267500e447d671ae1bc3"
resolved "https://codeload.github.com/lbryio/lbry-redux/tar.gz/e0909b08647a790d155f3189b9f9bf0b3e55bd17"
dependencies:
proxy-polyfill "0.1.6"
reselect "^3.0.0"