diff --git a/src/common/MetaPreview/MetaPreview.js b/src/common/MetaPreview/MetaPreview.js index 3efbab759..9af7e6699 100644 --- a/src/common/MetaPreview/MetaPreview.js +++ b/src/common/MetaPreview/MetaPreview.js @@ -159,7 +159,9 @@ const MetaPreview = ({ className, compact, name, logo, background, runtime, rele } { compact && typeof description === 'string' && description.length > 0 ? -
{description}
+
+ {description} +
: null } @@ -179,6 +181,17 @@ const MetaPreview = ({ className, compact, name, logo, background, runtime, rele /> )) } + { + !compact && typeof description === 'string' && description.length > 0 ? +
+
+ {t('SUMMARY')} +
+ {description} +
+ : + null + }
{ diff --git a/src/common/MetaPreview/styles.less b/src/common/MetaPreview/styles.less index 083c50995..ebaa206f6 100644 --- a/src/common/MetaPreview/styles.less +++ b/src/common/MetaPreview/styles.less @@ -132,12 +132,18 @@ } .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 {