feat(SW-889): design changes
This commit is contained in:
@@ -19,10 +19,7 @@ export default function Sidebar({ blocks }: SidebarProps) {
|
||||
switch (block.typename) {
|
||||
case SidebarEnums.blocks.Content:
|
||||
return (
|
||||
<section
|
||||
className={styles.content}
|
||||
key={`${block.typename}-${idx}`}
|
||||
>
|
||||
<section key={`${block.typename}-${idx}`}>
|
||||
<JsonToHtml
|
||||
embeds={block.content.embedded_itemsConnection.edges}
|
||||
nodes={block.content.json.children}
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
import { useState } from "react"
|
||||
|
||||
import { ChevronRightIcon } from "@/components/Icons"
|
||||
import { ChevronRightSmallIcon } from "@/components/Icons"
|
||||
import JsonToHtml from "@/components/JsonToHtml"
|
||||
import Button from "@/components/TempDesignSystem/Button"
|
||||
|
||||
@@ -31,7 +31,7 @@ export default function TeaserCardSidepeek({
|
||||
wrapping
|
||||
>
|
||||
{button.call_to_action_text}
|
||||
<ChevronRightIcon height={20} width={20} />
|
||||
<ChevronRightSmallIcon />
|
||||
</Button>
|
||||
<SidePeek
|
||||
title={heading}
|
||||
@@ -44,13 +44,7 @@ export default function TeaserCardSidepeek({
|
||||
/>
|
||||
<div className={styles.ctaContainer}>
|
||||
{primary_button && (
|
||||
<Button
|
||||
asChild
|
||||
theme="base"
|
||||
intent="primary"
|
||||
size="small"
|
||||
className={styles.ctaButton}
|
||||
>
|
||||
<Button asChild theme="base" intent="primary" size="small">
|
||||
<Link
|
||||
href={primary_button.href}
|
||||
target={primary_button.openInNewTab ? "_blank" : undefined}
|
||||
@@ -61,12 +55,7 @@ export default function TeaserCardSidepeek({
|
||||
</Button>
|
||||
)}
|
||||
{secondary_button && (
|
||||
<Button
|
||||
asChild
|
||||
intent="secondary"
|
||||
size="small"
|
||||
className={styles.ctaButton}
|
||||
>
|
||||
<Button asChild intent="secondary" size="small">
|
||||
<Link
|
||||
href={secondary_button.href}
|
||||
target={secondary_button.openInNewTab ? "_blank" : undefined}
|
||||
|
||||
@@ -41,9 +41,7 @@ export default function TeaserCard({
|
||||
<Subtitle textAlign="left" type="two" color="black">
|
||||
{title}
|
||||
</Subtitle>
|
||||
<Body color="black" className={styles.body}>
|
||||
{description}
|
||||
</Body>
|
||||
<Body color="black">{description}</Body>
|
||||
{sidePeekButton && sidePeekContent ? (
|
||||
<TeaserCardSidepeek
|
||||
button={sidePeekButton}
|
||||
@@ -77,6 +75,8 @@ export default function TeaserCard({
|
||||
<Link
|
||||
href={secondaryButton.href}
|
||||
target={secondaryButton.openInNewTab ? "_blank" : undefined}
|
||||
color="burgundy"
|
||||
weight="bold"
|
||||
>
|
||||
{secondaryButton.title}
|
||||
</Link>
|
||||
|
||||
Reference in New Issue
Block a user