feat: implement new design for button

This commit is contained in:
Christel Westerberg
2024-05-21 14:33:58 +02:00
parent ade1201c95
commit 1bc8753649
14 changed files with 135 additions and 137 deletions

View File

@@ -29,7 +29,7 @@
flex-direction: column;
gap: 10px;
min-height: 280px;
background-color: var(--Base-Fill-Normal);
background-color: var(--UI-Grey-10);
justify-content: center;
align-items: center;
padding: 30px;

View File

@@ -24,7 +24,7 @@ export default async function NextLevelBenefitsBlock({
<CardGrid variant="twoColumnGrid">
{perks.map((perk) => (
<article key={perk.id} className={styles.card}>
<Button type="button" intent="secondary" disabled>
<Button type="button" disabled>
<Lock height={16} />
Level up to unlock
</Button>

View File

@@ -13,7 +13,7 @@ export default function ShowMoreButton({
<Button
disabled={disabled}
intent="primary"
bgcolor="white"
theme="secondaryDark"
type="button"
onClick={loadMoreData}
>

View File

@@ -17,7 +17,7 @@ export default function EmptyUpcomingStaysBlock() {
{_("Where should you go next?")}
</span>
</Title>
<Button intent="primary" bgcolor="quarternary" asChild type="button">
<Button intent="primary" asChild type="button">
<Link className={styles.link} href={"#"} key="getInspired">
{_("Get inspired")}
</Link>

View File

@@ -17,7 +17,7 @@ export default function EmptyUpcomingStaysBlock() {
{_("Where should you go next?")}
</span>
</Title>
<Button intent="primary" bgcolor="quarternary" asChild type="button">
<Button intent="primary" asChild type="button">
<Link className={styles.link} href={"#"} key="getInspired">
{_("Get inspired")}
</Link>