Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-11 21:27:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

MetaPreview background image overlay changed

Browse source
This commit is contained in:
nklhrstv 2020-03-29 22:57:37 +03:00
parent 1f3a39a52b
commit cdb90a4523
2 changed files with 15 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/common/MetaPreview/MetaPreview.js
View file

@ -68,12 +68,7 @@ const MetaPreview = ({ className, compact, name, logo, background, runtime, rele
{
typeof background === 'string' && background.length > 0 ?
<div className={styles['background-image-layer']}>
<img
key={background}
className={styles['background-image']}
src={background}
alt={' '}
/>
<Image className={styles['background-image']} src={background} alt={' '} />
</div>
:
null

16
src/common/MetaPreview/styles.less
View file

@ -39,13 +39,25 @@
left: -10px;
z-index: -1;
&::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: @color-background-dark2-60;
content: "";
}
.background-image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: top left;
filter: blur(5px) brightness(50%);
object-position: center;
opacity: 0.9;
filter: blur(5px);
}
}