From 2eb1713acbbb87ba3c3fbc81bc80bc4cbd675a2d Mon Sep 17 00:00:00 2001 From: Maria Bonde Date: Fri, 23 Aug 2024 16:28:55 +0200 Subject: [PATCH] hopefully last commit now:) --- src/hemsedal24/activities.module.css | 43 ---------------------------- src/hemsedal24/activities.tsx | 14 --------- 2 files changed, 57 deletions(-) diff --git a/src/hemsedal24/activities.module.css b/src/hemsedal24/activities.module.css index beefe36f6..d449db1d3 100644 --- a/src/hemsedal24/activities.module.css +++ b/src/hemsedal24/activities.module.css @@ -6,36 +6,10 @@ z-index: 1; } -.pcarrow { - position: relative; -} -.pcarrow img { - position: absolute; - left: -9rem; - top: -40.5rem; -} - @-moz-document url-prefix() { p { font-size: 1.25rem; } - .pcarrow img { - top: -38rem; - } - @media (max-width: 400px) { - .mobilearrow img { - position: absolute; - right: -12.6%; - top: -99.5rem; - } - } - @media (max-width: 400px) { - .mobilearrow img { - position: absolute; - right: -12.6%; - top: -102.5rem; - } - } } .bold { font-weight: 500; @@ -138,14 +112,6 @@ html { } @media (max-width: 500px) { - .mobilearrow { - position: relative; - } - .mobilearrow img { - position: absolute; - right: -12.6%; - top: -102.5rem; - } .blob { min-width: 40%; top: 0; @@ -204,12 +170,3 @@ html { font-size: 1.2rem; } } - -@media (max-width: 400px) and (max-height: 812px) { - .mobilearrow img { - height: 130vh; - position: absolute; - right: -15.6%; - top: -99.5rem; - } -} diff --git a/src/hemsedal24/activities.tsx b/src/hemsedal24/activities.tsx index 858cb7afb..2beee85f7 100644 --- a/src/hemsedal24/activities.tsx +++ b/src/hemsedal24/activities.tsx @@ -8,22 +8,8 @@ import ActivityBlock from './components/ActivityBlock'; import hund from './images/hund.svg'; import sykling from './images/sykling.svg'; import via from './images/viaferrata.svg'; -import mobilearrow from './images/mobileactivityarrow.svg'; -import pcarrow from './images/activityarrow.svg'; -import { useState, useEffect } from 'react'; const Activities: NextPage = () => { - const [mobile, setMobile] = useState(false); - useEffect(() => { - const handleWindowSizeChange = () => { - setMobile(window.innerWidth <= 500); - }; - - handleWindowSizeChange(); // Set initial value after component mounts - window.addEventListener('resize', handleWindowSizeChange); - - return () => window.removeEventListener('resize', handleWindowSizeChange); - }, []); return (