diff --git a/index.html b/index.html index 6ab642d..fd21066 100644 --- a/index.html +++ b/index.html @@ -1,5 +1,5 @@ - + diff --git a/public/about/MainTitle/about_background.png b/public/about/MainTitle/about_background.png new file mode 100644 index 0000000..dc833a2 Binary files /dev/null and b/public/about/MainTitle/about_background.png differ diff --git a/public/about/MainTitle/main_bg.png b/public/about/MainTitle/main_bg.png new file mode 100644 index 0000000..4b04a63 Binary files /dev/null and b/public/about/MainTitle/main_bg.png differ diff --git a/src/assets/img/works_background.png b/src/assets/img/works_background.png new file mode 100644 index 0000000..6e20a3a Binary files /dev/null and b/src/assets/img/works_background.png differ diff --git a/src/components/Layout/Layout.tsx b/src/components/Layout/Layout.tsx index 4b2204b..65d5660 100644 --- a/src/components/Layout/Layout.tsx +++ b/src/components/Layout/Layout.tsx @@ -8,6 +8,7 @@ function Layout({ children }: { children: React.ReactNode }) { const location = useLocation(); const isMobile = useIsMobile(); const [isDrawerOpen, setIsDrawerOpen] = useState(false); + const [isScrolled, setIsScrolled] = useState(false); const toggleDrawer = () => setIsDrawerOpen(!isDrawerOpen); @@ -31,12 +32,23 @@ function Layout({ children }: { children: React.ReactNode }) { }; }, [isDrawerOpen]); + useEffect(() => { + const handleScroll = () => { + setIsScrolled(window.scrollY > 50); + }; + + window.addEventListener('scroll', handleScroll); + return () => { + window.removeEventListener('scroll', handleScroll); + }; + }, []); + return ( {isMobile && isWorkDetailRoute ? ( <> ) : ( -