fix: viewport

Boutzi · Oct 8, 2024 · 4a660fb · 4a660fb
1 parent 8edcc93
commit 4a660fb
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/app/_components/Hero.tsx b/app/_components/Hero.tsx
@@ -17,7 +17,7 @@ export const Hero = () => {
           <span className="text-foreground">I’m a Front-End developer.</span>
         </h1>
         <h2 className="font-caption font-extralight text-2xl max-sm:text-xl">
-          Let&apos;s create something amazing together, whether remote or
+          Let&apos;s create something amazing together, <br/>whether remote or
           on-site, I&apos;m ready to code.
         </h2>
         <div className="max-sm:hidden">

diff --git a/app/_components/ScrollAnimation.tsx b/app/_components/ScrollAnimation.tsx
@@ -20,7 +20,7 @@ export const ScrollAnimation = ({
 }: PropsWithChildren<SectionProps>) => {
   const ref = useRef<HTMLDivElement>(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
@@ -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 (
     <html lang="en" className="h-full">
+      <Head>
+        <meta charSet="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+      </Head>
       <body
-        className={`${geistSans.variable} ${geistMono.variable} ${AnekTelugu.variable} "font-sans h-full" antialiased`}
+        className={`${geistSans.variable} ${geistMono.variable} ${AnekTelugu.variable} font-sans h-full antialiased`}
       >
         <Header />
         {children}