diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 9e1b9d7..1af95b4 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -170,8 +170,8 @@ export default function RootLayout({
text: 'Liebe leben',
megaMenu: {
text: {
- quote: '',
- source: ''
+ quote: 'Die Liebe ist langmütig, die Liebe ist gütig.',
+ source: '1. Kor 13-4'
},
groups: [
{
diff --git a/src/components/CollapsibleArrow/CollapsibleArrow.tsx b/src/components/CollapsibleArrow/CollapsibleArrow.tsx
index 6e3ed5f..ffe0406 100644
--- a/src/components/CollapsibleArrow/CollapsibleArrow.tsx
+++ b/src/components/CollapsibleArrow/CollapsibleArrow.tsx
@@ -4,10 +4,11 @@ import classNames from 'classnames'
type CollapsibleArrowProps = {
direction: "UP" | "DOWN",
onClick?: () => void,
+ stroke?: number
}
-export const CollapsibleArrow = ({direction, onClick}: CollapsibleArrowProps) => {
+export const CollapsibleArrow = ({direction, onClick, stroke}: CollapsibleArrowProps) => {
const style = classNames({
[styles.arrow]: true,
@@ -24,7 +25,7 @@ export const CollapsibleArrow = ({direction, onClick}: CollapsibleArrowProps) =>
onClick={onClick}
>
+ strokeWidth={stroke} />
)
}
\ No newline at end of file
diff --git a/src/components/Menu/Menu.tsx b/src/components/Menu/Menu.tsx
index 10a3c01..d4dda37 100644
--- a/src/components/Menu/Menu.tsx
+++ b/src/components/Menu/Menu.tsx
@@ -8,6 +8,7 @@ import {Menu as MenuType, MenuItem as MenuItemType} from "./menu.types"
import { Logo } from '@/components/Logo/Logo'
import { useCallback, useState } from 'react'
import { MegaMenu } from '@/components/MegaMenu/MegaMenu'
+import { CollapsibleArrow } from '@/components/CollapsibleArrow/CollapsibleArrow'
type MenuItemProps = MenuItemType & {
onItemClick?: () => void
@@ -34,7 +35,7 @@ const MenuItem = ({text, href, display = "normal", megaMenu, onItemClick}: MenuI
onMouseLeave={() => setIsActive(false)}
>
- {text}
+ {text} {megaMenu && }
{megaMenu &&
diff --git a/src/components/Menu/styles.module.scss b/src/components/Menu/styles.module.scss
index 0ac7288..733e45c 100644
--- a/src/components/Menu/styles.module.scss
+++ b/src/components/Menu/styles.module.scss
@@ -75,7 +75,7 @@
max-height: 1000px;
}
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1000px) {
.nav {
flex-direction: column;
padding: 15px 15px;