From 8875ca67625056e89e8bf05741bd890a872c248d Mon Sep 17 00:00:00 2001
From: parsa aghaei <p.aghaei@hoshmand.local>
Date: Tue, 24 Sep 2024 09:42:23 +0330
Subject: [PATCH] header responsive updated

---
 src/app/_components/about-me/page.tsx | 10 ++--------
 src/app/layout.tsx                    |  6 ++++--
 2 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/src/app/_components/about-me/page.tsx b/src/app/_components/about-me/page.tsx
index e5d1f40..cd24525 100644
--- a/src/app/_components/about-me/page.tsx
+++ b/src/app/_components/about-me/page.tsx
@@ -33,9 +33,7 @@ export default function AboutMe() {
       const res = await fetch("/api/about-me");
       if (res.ok) {
         const data = await res.json();
-        // اطمینان از وجود skills
-
-        setAboutMe(data); // بروزرسانی aboutMe با آرایه skills
+        setAboutMe(data);
       } else {
         console.error("Failed to fetch about me data");
       }
@@ -43,13 +41,9 @@ export default function AboutMe() {
     fetchAboutMeData()
   }, []);
 
-  // if (!aboutMe) {
-  //   return <Skeleton width={40} height={10} />; // نمایش بارگذاری
-  // }
-
   return (
     <div
-      className="flex flex-nowrap items-center justify-between"
+      className="flex flex-nowrap items-center justify-between my-20"
       id="about-me"
     >
       {aboutMe?.image ? (
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index f645ea8..d92d2eb 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -38,7 +38,7 @@ export default function RootLayout({
         >
           <div className="flex flex-wrap items-center justify-center xl:flex-nowrap xl:justify-normal">
             <Image src={"/images/logo.svg"} width={67} height={67} alt="logo" />
-            <p className="ms-5 whitespace-nowrap text-[38px] font-[400] xl:ms-[20px] xl:text-[48px]">
+            <p className="ms-2 whitespace-nowrap text-[28px] xl:text-[38px] font-[800] xl:ms-3 text-[#FD6F00]">
               Parsa Aghayi
             </p>
           </div>
@@ -85,7 +85,9 @@ export default function RootLayout({
           </button>
         </div>
 
-        <div className="main w-full flex justify-center my-[67px]">{children}</div>
+        <div className="main my-[67px] flex w-full justify-center">
+          {children}
+        </div>
 
         <div className="flex w-full flex-col">
           <div className="flex flex-col items-center gap-[50px] bg-[#F8F8F8] py-[50px]">