scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(BOOK-771): Added spacing between content and cta wrapper in TeaserCard sidepeeks

Browse Source 
Approved-by: Bianca Widstam
This commit is contained in:
Erik Tiekstra
2026-01-28 12:03:22 +00:00
parent 1bb1a7e139
commit d193bf057d
2 changed files with 38 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/design-system/lib/components/TeaserCard/Sidepeek/index.tsx
View File

@@ -47,12 +47,14 @@ export default function TeaserCardSidepeek({
defaultMessage: "Close", defaultMessage: "Close",
})} })}
> >
<div className={styles.content}>
{content ? ( {content ? (
<JsonToHtml <JsonToHtml
nodes={content.json.children} nodes={content.json.children}
embeds={content.embedded_itemsConnection.edges} embeds={content.embedded_itemsConnection.edges}
/> />
) : null} ) : null}
{primary_button || secondary_button ? (
<div className={styles.ctaContainer}> <div className={styles.ctaContainer}>
{primary_button && ( {primary_button && (
<ButtonLink <ButtonLink
@@ -77,6 +79,8 @@ export default function TeaserCardSidepeek({
</ButtonLink> </ButtonLink>
)} )}
</div> </div>
) : null}
</div>
</SidePeek> </SidePeek>
</div> </div>
) )

5
packages/design-system/lib/components/TeaserCard/Sidepeek/sidepeek.module.css
View File

@@ -6,3 +6,8 @@
display: grid; display: grid;
gap: var(--Space-x2); gap: var(--Space-x2);
} }
.content {
display: grid;
gap: var(--Space-x4);
}