diff --git a/components/MyPages/AccountPage/Content.tsx b/components/MyPages/AccountPage/Content.tsx
index c53e236a1..a596c85bc 100644
--- a/components/MyPages/AccountPage/Content.tsx
+++ b/components/MyPages/AccountPage/Content.tsx
@@ -74,8 +74,8 @@ export default function Content({ lang, content }: ContentProps) {
return (
)
case ContentEntries.AccountPageContentTextContent:
diff --git a/components/MyPages/Blocks/Benefits/CurrentLevel/index.tsx b/components/MyPages/Blocks/Benefits/CurrentLevel/index.tsx
index 876d62eff..12b18e987 100644
--- a/components/MyPages/Blocks/Benefits/CurrentLevel/index.tsx
+++ b/components/MyPages/Blocks/Benefits/CurrentLevel/index.tsx
@@ -19,7 +19,13 @@ export default async function CurrentBenefitsBlock({
{title && (
-
+
{title}
)}
diff --git a/components/MyPages/Blocks/Benefits/NextLevel/index.tsx b/components/MyPages/Blocks/Benefits/NextLevel/index.tsx
index 500aa6881..a29c9ff70 100644
--- a/components/MyPages/Blocks/Benefits/NextLevel/index.tsx
+++ b/components/MyPages/Blocks/Benefits/NextLevel/index.tsx
@@ -21,7 +21,13 @@ export default async function NextLevelBenefitsBlock({
{title && (
-
+
{title}
)}
diff --git a/components/MyPages/Blocks/Overview/overview.module.css b/components/MyPages/Blocks/Overview/overview.module.css
index 0a96f3467..032c9df4f 100644
--- a/components/MyPages/Blocks/Overview/overview.module.css
+++ b/components/MyPages/Blocks/Overview/overview.module.css
@@ -1,11 +1,7 @@
.container {
background-color: var(--some-grey-color, #f2f2f2);
display: grid;
- gap: 0.8rem;
-}
-
-.title {
- font-weight: 600;
+ gap: 1.5rem;
}
.overview {
diff --git a/components/MyPages/Blocks/Shortcuts/index.tsx b/components/MyPages/Blocks/Shortcuts/index.tsx
index a53cb6e08..249622ea5 100644
--- a/components/MyPages/Blocks/Shortcuts/index.tsx
+++ b/components/MyPages/Blocks/Shortcuts/index.tsx
@@ -15,7 +15,13 @@ export default function Shortcuts({
return (
-
+
{title}
{subtitle}
diff --git a/components/MyPages/Blocks/Stays/Header/header.module.css b/components/MyPages/Blocks/Stays/Header/header.module.css
index 5593d8025..26248de76 100644
--- a/components/MyPages/Blocks/Stays/Header/header.module.css
+++ b/components/MyPages/Blocks/Stays/Header/header.module.css
@@ -1,12 +1,14 @@
.header {
display: grid;
- grid-template-areas: "title link";
+ grid-template-areas:
+ "title link"
+ "subtitle subtitle";
grid-template-columns: 1fr max-content;
+ gap: 1.5rem;
}
.title {
grid-area: title;
- font-weight: 600;
}
.link {
@@ -14,15 +16,5 @@
}
.subtitle {
- padding-top: 0.5rem;
- padding-bottom: 2.5rem;
- margin: 0;
-}
-
-@media screen and (min-width: 950px) {
- .subtitle {
- width: 60%;
- padding-top: 2.5rem;
- padding-bottom: 5rem;
- }
+ grid-area: subtitle;
}
diff --git a/components/MyPages/Blocks/Stays/Header/index.tsx b/components/MyPages/Blocks/Stays/Header/index.tsx
index dda083916..47fb0ebd8 100644
--- a/components/MyPages/Blocks/Stays/Header/index.tsx
+++ b/components/MyPages/Blocks/Stays/Header/index.tsx
@@ -15,7 +15,7 @@ export default function Header({ title, subtitle, link }: HeaderProps) {
as="h3"
level="h2"
className={styles.title}
- weight="semiBold"
+ weight="medium"
uppercase
>
{title}
@@ -26,12 +26,12 @@ export default function Header({ title, subtitle, link }: HeaderProps) {
{link.text}
)}
+ {subtitle && (
+
+ {subtitle}
+
+ )}
- {subtitle && (
-
- {subtitle}
-
- )}
>
)
}
diff --git a/components/MyPages/Blocks/Stays/Soonest/index.tsx b/components/MyPages/Blocks/Stays/Soonest/index.tsx
index 87d6107f3..055d776ec 100644
--- a/components/MyPages/Blocks/Stays/Soonest/index.tsx
+++ b/components/MyPages/Blocks/Stays/Soonest/index.tsx
@@ -1,5 +1,7 @@
import { serverClient } from "@/lib/trpc/server"
+import MaxWidth from "@/components/MaxWidth"
+
import Header from "../Header"
import StayList from "../StayList"
import EmptyUpcomingStaysBlock from "./EmptyUpcomingStays"
@@ -17,13 +19,13 @@ export default async function SoonestStays({
const stays = await serverClient().user.stays.soonestUpcoming()
return (
-
+
{stays.length ? (
) : (
)}
-
+
)
}
diff --git a/components/MyPages/Blocks/Stays/Soonest/soonest.module.css b/components/MyPages/Blocks/Stays/Soonest/soonest.module.css
index 020f53751..87bf2ddef 100644
--- a/components/MyPages/Blocks/Stays/Soonest/soonest.module.css
+++ b/components/MyPages/Blocks/Stays/Soonest/soonest.module.css
@@ -1,3 +1,4 @@
.container {
- max-width: var(--max-width);
+ display: grid;
+ gap: 1.5rem;
}
diff --git a/types/requests/myPages/accountpage.ts b/types/requests/myPages/accountpage.ts
index 340f3bda1..281c38487 100644
--- a/types/requests/myPages/accountpage.ts
+++ b/types/requests/myPages/accountpage.ts
@@ -41,9 +41,7 @@ type AccountPageDynamicContent = Typename<
type AccountPageContentShortcuts = Typename<
{
- title?: string
- preamble?: string
- shortcuts: { shortcuts: Shortcut[] }
+ shortcuts: { title?: string; preamble?: string; shortcuts: Shortcut[] }
},
ContentEntries.AccountPageContentShortcuts
>