diff --git a/app/[lang]/(live)/(public)/[contentType]/[uid]/page.tsx b/app/[lang]/(live)/(public)/[contentType]/[uid]/page.tsx index 4940a4c1f..1486bb933 100644 --- a/app/[lang]/(live)/(public)/[contentType]/[uid]/page.tsx +++ b/app/[lang]/(live)/(public)/[contentType]/[uid]/page.tsx @@ -1,8 +1,8 @@ import { notFound } from "next/navigation" import ContentPage from "@/components/ContentType/ContentPage" -import HotelPage from "@/components/ContentType/HotelPage" -import LoyaltyPage from "@/components/ContentType/LoyaltyPage" +import HotelPage from "@/components/ContentType/HotelPage/HotelPage" +import LoyaltyPage from "@/components/ContentType/LoyaltyPage/LoyaltyPage" import { ContentTypeParams, diff --git a/components/ContentType/HotelPage.tsx b/components/ContentType/HotelPage/HotelPage.tsx similarity index 87% rename from components/ContentType/HotelPage.tsx rename to components/ContentType/HotelPage/HotelPage.tsx index d0ebc1bb8..aa26b47ee 100644 --- a/components/ContentType/HotelPage.tsx +++ b/components/ContentType/HotelPage/HotelPage.tsx @@ -1,6 +1,6 @@ import { serverClient } from "@/lib/trpc/server" -import Title from "../TempDesignSystem/Text/Title" +import Title from "@/components/TempDesignSystem/Text/Title" import styles from "./hotelPage.module.css" diff --git a/components/ContentType/HotelPage/hotelPage.module.css b/components/ContentType/HotelPage/hotelPage.module.css new file mode 100644 index 000000000..271800e6d --- /dev/null +++ b/components/ContentType/HotelPage/hotelPage.module.css @@ -0,0 +1,11 @@ +.content { + display: grid; + gap: var(--Spacing-x4); + padding: var(--Spacing-x3) var(--Spacing-x3) var(--Spacing-x4); +} + +@media screen and (min-width: 1367px) { + .content { + gap: var(--Spacing-x3); + } +} diff --git a/components/ContentType/LoyaltyPage.tsx b/components/ContentType/LoyaltyPage/LoyaltyPage.tsx similarity index 93% rename from components/ContentType/LoyaltyPage.tsx rename to components/ContentType/LoyaltyPage/LoyaltyPage.tsx index b889cbcd0..15307b984 100644 --- a/components/ContentType/LoyaltyPage.tsx +++ b/components/ContentType/LoyaltyPage/LoyaltyPage.tsx @@ -3,8 +3,7 @@ import { serverClient } from "@/lib/trpc/server" import { Blocks } from "@/components/Loyalty/Blocks" import Sidebar from "@/components/Loyalty/Sidebar" import MaxWidth from "@/components/MaxWidth" - -import Title from "../TempDesignSystem/Text/Title" +import Title from "@/components/TempDesignSystem/Text/Title" import styles from "./loyaltyPage.module.css" diff --git a/components/ContentType/loyaltyPage.module.css b/components/ContentType/LoyaltyPage/loyaltyPage.module.css similarity index 100% rename from components/ContentType/loyaltyPage.module.css rename to components/ContentType/LoyaltyPage/loyaltyPage.module.css diff --git a/components/ContentType/hotelPage.module.css b/components/ContentType/hotelPage.module.css deleted file mode 100644 index 4f58a2d45..000000000 --- a/components/ContentType/hotelPage.module.css +++ /dev/null @@ -1,31 +0,0 @@ -.content { - display: grid; - padding-bottom: var(--Spacing-x9); - padding-left: var(--Spacing-x0); - padding-right: var(--Spacing-x0); - position: relative; -} - -.blocks { - display: grid; - gap: var(--Spacing-x5); - padding-left: var(--Spacing-x2); - padding-right: var(--Spacing-x2); -} - -@media screen and (min-width: 1367px) { - .content { - gap: var(--Spacing-x3); - padding-left: var(--Spacing-x3); - padding-right: var(--Spacing-x3); - } - - .blocks { - padding-left: var(--Spacing-x0); - padding-right: var(--Spacing-x0); - } - - .blocks > section:first-of-type > header { - gap: var(--Spacing-x2); - } -}