From b55b92f83ee3f0537e0b4b8e6b4b4f61136d1210 Mon Sep 17 00:00:00 2001 From: Benno Tielen Date: Wed, 18 Dec 2024 20:53:19 +0100 Subject: [PATCH] fix: small fixes --- src/app/icon.ico | Bin 4286 -> 15406 bytes src/app/page.tsx | 8 ++++- .../ContactPerson2/styles.module.scss | 9 ++++++ .../EventExcerpt/styles.module.scss | 3 +- src/components/MassTable/MassTable.tsx | 21 ++++++------ src/components/MassTable/MassTableRow.tsx | 16 ++++++---- src/components/MassTable/styles.module.scss | 16 +++++++--- src/components/MegaMenu/styles.module.scss | 6 ++-- src/components/Menu/styles.module.scss | 1 + src/components/RawHTML/styles.module.scss | 14 ++++++-- src/components/Title/styles.module.scss | 6 ++-- .../CollapsibleImageWithText.tsx | 1 + .../ImageWithText/ImageWithText.tsx | 30 ++++++++++++------ .../ImageWithText/styles.module.scss | 8 +++-- src/pageComponents/Home/Home.tsx | 7 ++-- 15 files changed, 100 insertions(+), 46 deletions(-) diff --git a/src/app/icon.ico b/src/app/icon.ico index 91b0b52d4402688dc64509aab22547cf6a4aea7a..3b0d1c7539dfb5bbf84f6e0e37e025c11f871496 100644 GIT binary patch literal 15406 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 Btl0nn diff --git a/src/app/page.tsx b/src/app/page.tsx index b431fbf..0f4e73c 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -3,13 +3,19 @@ import { fetchWorship } from '@/fetch/worship' import { fetchBlog } from '@/fetch/blog' import { fetchHighlights } from '@/fetch/highlights' import { Home } from '@/pageComponents/Home/Home' +import moment from 'moment' export const dynamic = 'force-dynamic' export default async function HomePage() { + const fromDate = moment().isoWeekday(1); + const tillDate = moment().isoWeekday(7); const events = await fetchEvents() - const worship = await fetchWorship() + const worship = await fetchWorship({ + fromDate: fromDate.toDate(), + tillDate: tillDate.toDate(), + }); const blog = await fetchBlog() const highlights = await fetchHighlights() diff --git a/src/components/ContactPerson2/styles.module.scss b/src/components/ContactPerson2/styles.module.scss index 5760b5d..d721266 100644 --- a/src/components/ContactPerson2/styles.module.scss +++ b/src/components/ContactPerson2/styles.module.scss @@ -18,4 +18,13 @@ .hover:hover { text-decoration: underline; +} + +@media screen and (max-width: 576px) { + .contact { + margin-top: 10px; + gap: 10px; + align-items: flex-start; + flex-direction: column; + } } \ No newline at end of file diff --git a/src/components/EventExcerpt/styles.module.scss b/src/components/EventExcerpt/styles.module.scss index 3bb02cf..571afdc 100644 --- a/src/components/EventExcerpt/styles.module.scss +++ b/src/components/EventExcerpt/styles.module.scss @@ -31,9 +31,8 @@ } .container { - width: 100%; + width: 95%; padding: 20px; - border: 4px solid $base-color; border-radius: 0; } } diff --git a/src/components/MassTable/MassTable.tsx b/src/components/MassTable/MassTable.tsx index 9126553..e2d5b46 100644 --- a/src/components/MassTable/MassTable.tsx +++ b/src/components/MassTable/MassTable.tsx @@ -23,15 +23,18 @@ export const MassTable = ({ location, masses }: MassTableProps) => { - {masses.map((mass) => ( - - ))} +
+ {masses.map((mass) => ( + + ))} +
+ ) } diff --git a/src/components/MassTable/MassTableRow.tsx b/src/components/MassTable/MassTableRow.tsx index 6b9fde4..e24fa46 100644 --- a/src/components/MassTable/MassTableRow.tsx +++ b/src/components/MassTable/MassTableRow.tsx @@ -8,7 +8,6 @@ import { useState } from 'react' import Link from 'next/link' import classNames from 'classnames' import { useTime } from '@/hooks/useTime' -import { useCompactDate, useShortDayName } from '@/hooks/useCompactDate' export type MassTableRowProps = { id: string @@ -23,10 +22,11 @@ export const MassTableRow = ({ type, cancelled, }: MassTableRowProps) => { - const [symbol, setSymbol] = useState('-') + const [symbol, setSymbol] = useState('') const time = useTime(date) - const compactDate = useCompactDate(date) - const day = useShortDayName(date) + //const compactDate = useCompactDate(date) + //const day = useShortDayName(date) + const day = new Date(date).toLocaleDateString("de-DE", {weekday: 'long'}) return ( setSymbol('†')} - onMouseLeave={() => setSymbol('-')} + onMouseLeave={() => setSymbol('')} > -
{day} {compactDate}
+
{day}
{symbol}
-
{time}
+
+ {time} {type === 'FAMILY' && ( {'Familien @@ -49,6 +50,7 @@ export const MassTableRow = ({ {type === 'WORD' && ( {'Wortgottesfeier'} )} +
) diff --git a/src/components/MassTable/styles.module.scss b/src/components/MassTable/styles.module.scss index 4a62d16..e353045 100644 --- a/src/components/MassTable/styles.module.scss +++ b/src/components/MassTable/styles.module.scss @@ -2,11 +2,12 @@ .row { display: flex; - gap: 10px; + gap: 5px; height: 24px; cursor: pointer; - align-items: center; font-size: 18px; + align-items: flex-start; + margin-bottom: 3px; } .link { @@ -25,17 +26,24 @@ } .symbol { + flex-shrink: 0; width: 14px; text-align: center; } +.day { + flex-shrink: 0; + width: 90px; +} + .time { - width: 80px; + display: inline-flex; + gap: 3px; + align-items: center; } .table { width: 200px; - text-align: center; display: flex; flex-direction: column; align-items: center; diff --git a/src/components/MegaMenu/styles.module.scss b/src/components/MegaMenu/styles.module.scss index 3b5c452..140894a 100644 --- a/src/components/MegaMenu/styles.module.scss +++ b/src/components/MegaMenu/styles.module.scss @@ -67,7 +67,7 @@ line-height: 95%; } -@media screen and (max-width: 576px) { +@media screen and (max-width: 1100px) { .menu { flex-direction: column; gap: 30px; @@ -75,7 +75,7 @@ } .menu, .itemGroup, .groupTitle, .itemTitle { - font-size: 15px; + font-size: 16px; } .itemGroup { @@ -90,7 +90,7 @@ .itemGroupContent { display: flex; flex-wrap: wrap; - gap: 10px + gap: 11px } .itemDescription { diff --git a/src/components/Menu/styles.module.scss b/src/components/Menu/styles.module.scss index a3d84d6..469fe22 100644 --- a/src/components/Menu/styles.module.scss +++ b/src/components/Menu/styles.module.scss @@ -80,6 +80,7 @@ flex-direction: column; padding: 15px 15px; align-items: inherit; + font-size: 20px; } .megaMenu { diff --git a/src/components/RawHTML/styles.module.scss b/src/components/RawHTML/styles.module.scss index ec0ddcf..743e454 100644 --- a/src/components/RawHTML/styles.module.scss +++ b/src/components/RawHTML/styles.module.scss @@ -9,6 +9,16 @@ } .content h3 { - font-size: 33px; - margin: 33px 0 20px 0; + font-size: 28px; + margin: 25px 0 20px 0; +} + +.content p { + margin-bottom: 30px; +} + +@media screen and (max-width: 576px) { + .content h3 { + font-size: 24px; + } } \ No newline at end of file diff --git a/src/components/Title/styles.module.scss b/src/components/Title/styles.module.scss index b891cc7..88bfe1d 100644 --- a/src/components/Title/styles.module.scss +++ b/src/components/Title/styles.module.scss @@ -9,7 +9,7 @@ .subtitle { position: relative; - top: -30px; + top: -20px; } .base { @@ -59,11 +59,11 @@ @media screen and (max-width: 576px) { .extraLarge { - font-size: 60px; + font-size: 40px; } .large { - font-size: 40px; + font-size: 35px; } .medium { diff --git a/src/compositions/CollapsibleImageWithText/CollapsibleImageWithText.tsx b/src/compositions/CollapsibleImageWithText/CollapsibleImageWithText.tsx index 7bc4d0b..d6c30e0 100644 --- a/src/compositions/CollapsibleImageWithText/CollapsibleImageWithText.tsx +++ b/src/compositions/CollapsibleImageWithText/CollapsibleImageWithText.tsx @@ -73,6 +73,7 @@ export const CollapsibleImageWithText = ({backgroundColor, title, image, text, s schema={schema} backgroundColor={backgroundColor} unoptimized={false} + opaque={true} link={ setIsCollapsed(!isCollapsed)} />} /> diff --git a/src/compositions/ImageWithText/ImageWithText.tsx b/src/compositions/ImageWithText/ImageWithText.tsx index 00ad564..dd6aaf5 100644 --- a/src/compositions/ImageWithText/ImageWithText.tsx +++ b/src/compositions/ImageWithText/ImageWithText.tsx @@ -2,7 +2,7 @@ import { BackgroundColor, Section } from '@/components/Section/Section' import { Title } from '@/components/Title/Title' import { Container } from '@/components/Container/Container' import Image, { StaticImageData } from 'next/image' -import styles from "./styles.module.scss" +import styles from './styles.module.scss' import classNames from 'classnames' import { Row } from '@/components/Flex/Row' import { TextDiv } from '@/components/Text/TextDiv' @@ -14,35 +14,45 @@ type ImageWithTextProps = { text: string link?: React.ReactNode schema?: 'base' | 'contrast', - unoptimized?: boolean + unoptimized?: boolean, + opaque?: boolean } -export const ImageWithText = ({backgroundColor, title, image, text, link, schema = "base", unoptimized=true}: ImageWithTextProps) => { +export const ImageWithText = ( + { + backgroundColor, + title, + image, + text, link, + schema = 'base', + unoptimized = true, + opaque = false, + }: ImageWithTextProps) => { return (
- +
{""} + alt={''} />
- + <Title title={title} size={'lg'} color={schema} /> <Image className={styles.imageMobile} width={500} height={500} src={image} - objectFit={"cover"} + objectFit={'cover'} unoptimized={unoptimized} - alt={""} /> + alt={''} /> <TextDiv text={text} /> diff --git a/src/compositions/ImageWithText/styles.module.scss b/src/compositions/ImageWithText/styles.module.scss index 7dccf61..1d18c84 100644 --- a/src/compositions/ImageWithText/styles.module.scss +++ b/src/compositions/ImageWithText/styles.module.scss @@ -5,13 +5,16 @@ .image { border-radius: 13px; - opacity: 0.6; transition: opacity 3s; width: 100%; height: 100%; } -.image:hover { +.imageOpaque { + opacity: 0.6; +} + +.imageOpaque:hover { opacity: 1; } @@ -20,7 +23,6 @@ width: 70vw; height: 100%; border-radius: 13px; - opacity: 0.6; margin-bottom: 40px; } diff --git a/src/pageComponents/Home/Home.tsx b/src/pageComponents/Home/Home.tsx index b24bd54..17e91f2 100644 --- a/src/pageComponents/Home/Home.tsx +++ b/src/pageComponents/Home/Home.tsx @@ -113,7 +113,7 @@ export const Home = ({ <div className={styles.center}> <Button href={"/gottesdienst"} - size={"lg"} + size={"md"} >Alle Gottesdienste</Button> </div> </Section> @@ -138,6 +138,7 @@ export const Home = ({ color={'white'} key={highlight.id} date={highlight.date} + showDate={false} title={highlight.text} href={highlightLink(highlight)} cancelled={false} @@ -159,7 +160,9 @@ export const Home = ({ <ContactSection title={'Kontakt'} - description={'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec molestie ligula. Maecenas sollicitudin molestie velit id ultricies. Nulla luctus eleifend est, et hendrerit nunc pretium in. Nullam leo tortor, tincidunt in sodales dapibus, faucibus vel lacus. Nunc ornare lacus eu dui consequat, fermentum tincidunt felis blandit. Vivamus a turpis eros. Donec faucibus mi in magna cursus maximus. Duis ac elit posuere, bibendum nunc vel, consectetur neque. Aliquam non bibendum quam. Nulla facilisi. Vivamus eu iaculis felis. Donec elit augue, pretium eget pretium ullamcorper, vestibulum eu lorem. Praesent gravida condimentum tortor, in dignissim mauris elementum quis. Morbi a venenatis odio. Vivamus quis magna eget elit pellentesque elementum. Nulla facilisi.'} + description={'Haben Sie Fragen zum Glauben, den Sakramenten oder unseren Angeboten? Benötigen Sie Hilfe in einer schwierigen Situation oder möchten Sie einfach Ihre Gedanken mit uns teilen?\n' + + '\n' + + 'Zögern Sie nicht, uns über das Kontaktformular zu schreiben. Wir freuen uns über jede Nachricht und sind gerne für Sie da.'} schema={"base"} /> </>