mirror of
https://github.com/Stremio/stremio-web.git
synced 2026-04-20 06:32:11 +00:00
Added "Summary" label
This commit is contained in:
parent
bcc492a678
commit
8dd17664ce
2 changed files with 29 additions and 16 deletions
|
|
@ -157,12 +157,14 @@ const MetaPreview = ({ className, compact, name, logo, background, runtime, rele
|
|||
:
|
||||
null
|
||||
}
|
||||
{
|
||||
compact && typeof description === 'string' && description.length > 0 ?
|
||||
<div className={styles['description-container']}>{description}</div>
|
||||
:
|
||||
null
|
||||
}
|
||||
{
|
||||
compact && typeof description === 'string' && description.length > 0 ?
|
||||
<div className={styles['description-container']}>
|
||||
{description}
|
||||
</div>
|
||||
:
|
||||
null
|
||||
}
|
||||
{
|
||||
Array.from(linksGroups.keys())
|
||||
.filter((category) => {
|
||||
|
|
@ -177,14 +179,19 @@ const MetaPreview = ({ className, compact, name, logo, background, runtime, rele
|
|||
label={category}
|
||||
links={linksGroups.get(category)}
|
||||
/>
|
||||
))
|
||||
}
|
||||
{
|
||||
!compact && typeof description === 'string' && description.length > 0 ?
|
||||
<div className={styles['description-container']}>{description}</div>
|
||||
:
|
||||
null
|
||||
}
|
||||
))
|
||||
}
|
||||
{
|
||||
!compact && typeof description === 'string' && description.length > 0 ?
|
||||
<div className={styles['description-container']}>
|
||||
<div className={styles['label-container']}>
|
||||
Summary
|
||||
</div>
|
||||
{description}
|
||||
</div>
|
||||
:
|
||||
null
|
||||
}
|
||||
</div>
|
||||
<div className={styles['action-buttons-container']}>
|
||||
{
|
||||
|
|
|
|||
|
|
@ -130,14 +130,20 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.description-container {
|
||||
max-height: 6em;
|
||||
margin-top: 1rem;
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
line-height: 2em;
|
||||
color: var(--primary-foreground-color);
|
||||
.label-container {
|
||||
text-transform: uppercase;
|
||||
font-size: 0.95rem;
|
||||
font-weight: 700;
|
||||
color: var(--primary-foreground-color);
|
||||
opacity: 0.3;
|
||||
}
|
||||
}
|
||||
|
||||
.meta-links {
|
||||
|
|
|
|||
Loading…
Reference in a new issue