From 4c57fbb16d58763d75887d0d33f87922e82104e5 Mon Sep 17 00:00:00 2001 From: Lukas Zimmer Date: Mon, 4 Mar 2024 10:38:00 +0100 Subject: [PATCH] Container medium auf EventOverviewPage --- gfi-ihk-2024/stories/_global/styles/grid.scss | 2 +- .../stories/pages/event-overview/EventOverviewPage.js | 3 ++- .../stories/pages/event-overview/eventoverview.scss | 7 +++++++ 3 files changed, 10 insertions(+), 2 deletions(-) create mode 100644 gfi-ihk-2024/stories/pages/event-overview/eventoverview.scss diff --git a/gfi-ihk-2024/stories/_global/styles/grid.scss b/gfi-ihk-2024/stories/_global/styles/grid.scss index 78df22d..fa70b7b 100644 --- a/gfi-ihk-2024/stories/_global/styles/grid.scss +++ b/gfi-ihk-2024/stories/_global/styles/grid.scss @@ -24,7 +24,7 @@ margin: 0 auto; &.medium { - //--container-width: 1220px; + --container-width: 1100px; } &.small { diff --git a/gfi-ihk-2024/stories/pages/event-overview/EventOverviewPage.js b/gfi-ihk-2024/stories/pages/event-overview/EventOverviewPage.js index 7d75610..2214d3b 100644 --- a/gfi-ihk-2024/stories/pages/event-overview/EventOverviewPage.js +++ b/gfi-ihk-2024/stories/pages/event-overview/EventOverviewPage.js @@ -9,13 +9,14 @@ import {sliderData} from "../../sections/event-teaser-large-slider/EventTeaserLa import {createEventTeasersLarge} from "../../sections/event-teasers-large/EventTeasersLargeComponent"; import {createSlider} from "../../sections/slider/SliderComponent"; import {EventTeasersLargeSixData} from "../../sections/event-teasers-large/EventTeasersLargeData"; +import './eventoverview.scss'; export const createEventOverviewPage = ({ }) => { const page = createElement('div', ['page']); page.appendChild(createHeader({})); - const wrapper = createElement('div', ['page-wrapper'], null, page); + const wrapper = createElement('div', ['page-wrapper', 'event-overview-page'], null, page); wrapper.appendChild(createEventOverviewStage({})); wrapper.appendChild(createETLSlider ({ diff --git a/gfi-ihk-2024/stories/pages/event-overview/eventoverview.scss b/gfi-ihk-2024/stories/pages/event-overview/eventoverview.scss new file mode 100644 index 0000000..e10c071 --- /dev/null +++ b/gfi-ihk-2024/stories/pages/event-overview/eventoverview.scss @@ -0,0 +1,7 @@ +.event-overview-page{ + .event-teasers-large, .events{ + .container{ + max-width:1220px; + } + } +} \ No newline at end of file