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 + as="h3" + level="h2" + weight={"medium"} + className={styles.title} + uppercase + > {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 + as="h3" + level="h2" + uppercase + weight="medium" + className={styles.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 + as="h3" + level="h2" + weight={"medium"} + className={styles.title} + uppercase + > {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 >