fix: menu

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: [
                 {

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}
     >
       <path d="M1 1L5.28326 8.50159C5.6627 9.16614 6.3373 9.16614 6.71674 8.50159L11 1" stroke="#426156"
-            strokeWidth="2" />
+            strokeWidth={stroke} />
     </svg>
   )
 }

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)}
     >
       <a className={className} href={href}>
-        {text}
+        {text} {megaMenu && <CollapsibleArrow direction={isActive ? "UP" : "DOWN"} stroke={1.5} /> }
       </a>
 
       {megaMenu &&

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;