Added "Summary" label

This commit is contained in:
kKaskak 2023-09-06 13:28:27 +03:00
parent bcc492a678
commit 8dd17664ce
2 changed files with 29 additions and 16 deletions

View file

@ -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']}>
{

View file

@ -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 {