add icon & edit profile style

aliamerj · Mar 10, 2024 · b3ba840 · b3ba840
1 parent 3e31bac
commit b3ba840
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 36 deletions.
diff --git a/app/(main)/profile/_components/_view_section/header/header.tsx b/app/(main)/profile/_components/_view_section/header/header.tsx
@@ -74,41 +74,41 @@ const Header: React.FC<IHeader> = ({
     return null;
   };
 
-  return (<div
-  className={`${styles.bgPattern} flex min-h-screen flex-col justify-center p-5 text-white shadow-md md:pt-[4rem]`}
->
-
- <div className="flex flex-col items-end gap-5">
-    {renderLinkedInLink()}
-    {renderGithubLink()}
-  </div>
-  <div className="flex flex-col-reverse items-center justify-center pb-14 pt-12 md:flex-row md:items-center md:justify-evenly md:gap-3">
-    <section className="mx-5 flex flex-col items-center justify-center px-5 pt-16 md:items-start md:justify-start">
-      <h1 className="text-4xl font-bold md:text-5xl">{fullName}</h1>
-      <h2 className="text-xs text-gray-300">@{username}</h2>
-      <p className="my-4 text-center text-lg md:w-96 md:text-start md:text-xl">
-        {background}
-      </p>
-      {children}
-    </section>
-    <section className="flex w-full flex-col items-center justify-center gap-5 rounded-full md:h-64 md:w-64">
-      <Image
-        src={image ?? "/user_image.png"}
-        alt="user Image"
-        priority
-        width={200}
-        height={200}
-        style={{ objectFit: "cover" }}
-        className="rounded-full bg-foreground p-2"
-      />
-
-      <h1 className="text-center text-2xl font-bold italic tracking-wide text-white shadow-xl transition duration-300 ease-in-out md:text-3xl">
-        {jobTitle}
-      </h1>
-    </section>
-  </div>
+  return (
+    <div
+      className={`${styles.bgPattern} flex min-h-screen flex-col justify-center p-5 px-12 text-white shadow-md md:pt-[4rem] lg:px-24`}
+    >
+      <div className="flex flex-col items-end gap-5">
+        {renderLinkedInLink()}
+        {renderGithubLink()}
+      </div>
+      <div className="flex flex-col-reverse items-center justify-center pb-14 pt-12 md:flex-row md:items-center md:justify-evenly md:gap-3">
+        <section className="mx-5 flex flex-col items-center justify-center px-5 pt-16 md:items-start md:justify-start">
+          <h1 className="text-4xl font-bold md:text-5xl">{fullName}</h1>
+          <h2 className="text-xs text-gray-300">@{username}</h2>
+          <p className="my-4 text-center text-lg md:w-96 md:text-start md:text-xl">
+            {background}
+          </p>
+          {children}
+        </section>
+        <section className="flex w-full flex-col items-center justify-center gap-5 rounded-full md:h-64 md:w-64">
+          <Image
+            src={image ?? "/user_image.png"}
+            alt="user Image"
+            priority
+            width={200}
+            height={200}
+            style={{ objectFit: "cover" }}
+            className="rounded-full bg-foreground p-2"
+          />
 
-</div>  );
+          <h1 className="text-center text-2xl font-bold italic tracking-wide text-white shadow-xl transition duration-300 ease-in-out md:text-3xl">
+            {jobTitle}
+          </h1>
+        </section>
+      </div>
+    </div>
+  );
 };
 
 export default Header;
diff --git a/app/favicon.ico b/app/favicon.ico
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -8,8 +8,9 @@ const rubik = Rubik({
 });
 
 export const metadata: Metadata = {
-  title: "Open-Source Collaboration and Project Management | Worknify",
-  description: "Worknify redefines the way professionals manage projects and showcase their achievements. As a personal project developed with passion and commitment, Worknify offers a comprehensive suite of tools designed to enhance productivity, collaboration, and personal branding in one open-source platform.",
+  title: "Open-Source Collaboration and Project Management",
+  description:
+    "Worknify redefines the way professionals manage projects and showcase their achievements. As a personal project developed with passion and commitment, Worknify offers a comprehensive suite of tools designed to enhance productivity, collaboration, and personal branding in one open-source platform.",
 };
 
 export default function MainLayout({