Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-19 01:22:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

name removed in favor of logo's placeholder

Browse source
This commit is contained in:
nklhrstv 2022-02-15 12:53:12 +02:00
parent f009cffa6b
commit 8ea1548593
2 changed files with 8 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -93,7 +93,7 @@ const MetaPreview = ({ className, compact, name, logo, background, runtime, rele
return trailerStreams[0].deepLinks.player;
}, [trailerStreams]);
const renderLogoFallback = React.useCallback(() => (
<Icon className={styles['logo-placeholder-icon']} icon={'ic_broken_link'} />
<div className={styles['logo-placeholder']}>{name}</div>
), []);
return (
<div className={classnames(className, styles['meta-preview-container'], { [styles['compact']]: compact })}>
@ -112,6 +112,7 @@ const MetaPreview = ({ className, compact, name, logo, background, runtime, rele
className={styles['logo']}
src={logo}
alt={' '}
title={name}
renderFallback={renderLogoFallback}
/>
:
@ -154,14 +155,6 @@ const MetaPreview = ({ className, compact, name, logo, background, runtime, rele
:
null
}
{
typeof name === 'string' && name.length > 0 ?
<div className={styles['name-container']}>
{name}
</div>
:
null
}
{
typeof description === 'string' && description.length > 0 ?
<div className={styles['description-container']}>{description}</div>

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

@ -10,7 +10,7 @@
&.compact {
.meta-info-container {
.logo, .logo-placeholder-icon {
.logo, .logo-placeholder {
width: 100%;
background-color: @color-surface-dark5-10;
}
@ -82,20 +82,21 @@
}
}
.logo, .logo-placeholder-icon {
.logo, .logo-placeholder {
display: block;
max-width: 100%;
height: 8rem;
margin: 2rem 0;
}
.logo {
height: 8rem;
object-fit: contain;
object-position: center;
}
.logo-placeholder-icon {
fill: @color-surface-light1-90;
.logo-placeholder {
font-size: 1.7rem;
color: @color-surface-light5-90;
}
.runtime-release-info-container {
@ -151,12 +152,6 @@
}
}
.name-container {
margin-top: 1rem;
font-size: 1.7rem;
color: @color-surface-light5-90;
}
.description-container {
max-height: 6em;
margin-top: 1rem;