From 1a758629d4ffc31fa76186aff8649efbcd44d5d9 Mon Sep 17 00:00:00 2001 From: iamoros Date: Mon, 7 Oct 2024 23:28:05 +0200 Subject: [PATCH] title wo transition --- src/components/FilmFestival.js | 19 ++----------------- 1 file changed, 2 insertions(+), 17 deletions(-) diff --git a/src/components/FilmFestival.js b/src/components/FilmFestival.js index a191d03..f47e21d 100644 --- a/src/components/FilmFestival.js +++ b/src/components/FilmFestival.js @@ -9,7 +9,6 @@ import LoginModal from './LoginModal'; const FilmFestival = () => { const { isLoggedIn, logout } = useAuth(); const [loginModalOpen, setLoginModalOpen] = useState(false); - const [shrinkHeader, setShrinkHeader] = useState(false); const handleOpenLoginModal = () => { setLoginModalOpen(true); @@ -25,21 +24,9 @@ const FilmFestival = () => { }; useEffect(() => { - const handleScroll = () => { - if (window.scrollY > 10) { - setShrinkHeader(true); - } else { - setShrinkHeader(false); - } - }; - - window.addEventListener('scroll', handleScroll); window.scrollTo(0, 0); - return () => { - window.removeEventListener('scroll', handleScroll); - }; }, []); const handleRefresh = () => { @@ -55,8 +42,7 @@ const FilmFestival = () => { zIndex: 1000, backgroundColor: '#282c34', transition: 'all 0.5s ease', - padding: shrinkHeader ? '8px 0' : '16px 0', - //boxShadow: shrinkHeader ? '0 2px 8px rgba(0, 0, 0, 0.1)' : 'none', + p: 1 }} > { component="h1" sx={{ fontFamily: 'Lobster, cursive', - fontSize: shrinkHeader ? '24px' : '45px', + fontSize: '45px', textAlign: 'center', color: 'white', - transition: 'font-size 0.5s ease', cursor: 'pointer', }} onClick={handleRefresh}