From 4a660fb95c60fa435b616d59c508383cab833603 Mon Sep 17 00:00:00 2001 From: Boutzi Date: Tue, 8 Oct 2024 19:08:49 +0200 Subject: [PATCH] fix: viewport --- app/_components/Hero.tsx | 2 +- app/_components/ScrollAnimation.tsx | 2 +- app/layout.tsx | 9 ++++++++- 3 files changed, 10 insertions(+), 3 deletions(-) diff --git a/app/_components/Hero.tsx b/app/_components/Hero.tsx index db11c0f..20b9a12 100644 --- a/app/_components/Hero.tsx +++ b/app/_components/Hero.tsx @@ -17,7 +17,7 @@ export const Hero = () => { I’m a Front-End developer.

- Let's create something amazing together, whether remote or + Let's create something amazing together,
whether remote or on-site, I'm ready to code.

diff --git a/app/_components/ScrollAnimation.tsx b/app/_components/ScrollAnimation.tsx index e092ba8..8b1679f 100644 --- a/app/_components/ScrollAnimation.tsx +++ b/app/_components/ScrollAnimation.tsx @@ -20,7 +20,7 @@ export const ScrollAnimation = ({ }: PropsWithChildren) => { const ref = useRef(null); const [isVisible, setIsVisible] = useState(false); - const [hasAnimated, setHasAnimated] = useState(false); // État pour suivre si l'animation a eu lieu + const [hasAnimated, setHasAnimated] = useState(false); const [isSmallScreen, setIsSmallScreen] = useState(window.innerWidth < 1440); useEffect(() => { diff --git a/app/layout.tsx b/app/layout.tsx index dd5a078..99702dc 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,4 +1,5 @@ import type { Metadata } from "next"; +import Head from "next/head"; import localFont from "next/font/local"; import { Anek_Telugu } from "next/font/google"; import "./globals.css"; @@ -14,7 +15,9 @@ const geistSans = localFont({ src: "./fonts/GeistVF.woff", variable: "--font-geist-sans", weight: "100 900", + style: "normal", }); + const geistMono = localFont({ src: "./fonts/GeistMonoVF.woff", variable: "--font-geist-mono", @@ -33,8 +36,12 @@ export default function RootLayout({ }>) { return ( + + + +
{children}