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

chore: update colors to new design

Browse Source
This commit is contained in:
Matilda Landström
2024-06-19 13:50:37 +02:00
committed by Michael Zetterberg
parent 401b019f41
commit edb45b4ac7
17 changed files with 51 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
components/MyPages/Blocks/Stays/Soonest/EmptyUpcomingStays/emptyUpcomingStays.module.css
View File

@@ -1,17 +1,18 @@
.container {
align-items: center;
background-color: var(--Scandic-Brand-Warm-White);
background-color: var(--Scandic-Brand-Pale-Peach);
border-radius: var(--Corner-radius-Medium);
display: flex;
flex-direction: column;
gap: var(--Spacing-x3);
flex-direction: column;
justify-content: center;
margin-bottom: var(--Spacing-x1);
margin-bottom: var(--Spacing-x-half);
min-height: 250px;
padding: var(--Spacing-x0) var(--Spacing-x3);
}
.grayTitle {
color: var(--UI-Grey-60);
.burgundyTitle {
color: var(--Scandic-Brand-Burgundy);
display: block;
text-align: center;
}

4
components/MyPages/Blocks/Stays/Soonest/EmptyUpcomingStays/index.tsx
View File

@@ -9,9 +9,9 @@ export default async function EmptyUpcomingStaysBlock() {
const { formatMessage } = await getIntl()
return (
<section className={styles.container}>
<Title as="h5" level="h3">
<Title as="h5" level="h3" color="red">
{formatMessage({ id: "You have no upcoming stays." })}
<span className={styles.grayTitle}>
<span className={styles.burgundyTitle}>
{" "}
{formatMessage({ id: "Where should you go next?" })}
</span>

7
components/MyPages/Blocks/Stays/Upcoming/EmptyUpcomingStays/emptyUpcomingStays.module.css
View File

@@ -1,6 +1,6 @@
.container {
align-items: center;
background-color: var(--some-grey-color, #f2f2f2);
background-color: var(--Scandic-Brand-Pale-Peach);
border-radius: var(--Corner-radius-Medium);
display: flex;
gap: var(--Spacing-x3);
@@ -11,7 +11,8 @@
padding: var(--Spacing-x0) var(--Spacing-x3);
}
.grayTitle {
color: var(--UI-Grey-60);
.burgundyTitle {
color: var(--Scandic-Brand-Burgundy);
display: block;
text-align: center;
}

6
components/MyPages/Blocks/Stays/Upcoming/EmptyUpcomingStays/index.tsx
View File

@@ -14,11 +14,11 @@ export default async function EmptyUpcomingStaysBlock({ lang }: LangParams) {
const { formatMessage } = await getIntl()
return (
<section className={styles.container}>
<Title as="h5" level="h3">
<Title as="h5" level="h3" color="red">
{formatMessage({ id: "You have no upcoming stays." })}
<span className={styles.grayTitle}>
<span className={styles.burgundyTitle}>
{" "}
{formatMessage({ id: "Where should you go next?" })}
{formatMessage({ id: "Where will you go next?" })}
</span>
</Title>
<Button asChild intent="primary" type="button">