enhance: replace logos, add padding to LinkButton, and update Profile…

…Card colors
asadkhalid305 · May 30, 2024 · ef4885b · ef4885b
1 parent ba63d92
commit ef4885b
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 3 deletions.
diff --git a/public/images/logo-dark.webp b/public/images/logo-dark.webp
diff --git a/public/images/logo-light.webp b/public/images/logo-light.webp
diff --git a/src/app/about/components/general/link-button.tsx b/src/app/about/components/general/link-button.tsx
@@ -14,7 +14,7 @@ export default function LinkButton({
       target="_blank"
       rel="noopener noreferrer"
       className={clsx(
-        "inline-flex text-sm rounded-lg px-5 py-2.5 font-medium shadow items-center w-fit transition-all duration-300 ease-in-out lg:text-md hover:shadow-lg",
+        "inline-flex text-sm rounded-lg px-5 py-3 font-medium shadow items-center w-fit transition-all duration-300 ease-in-out lg:text-md hover:shadow-lg",
         {
           [className || ""]: !!className,
         }

diff --git a/src/app/about/components/general/profile-card.tsx b/src/app/about/components/general/profile-card.tsx
@@ -31,7 +31,7 @@ export default function ProfileCard({
           <div className="relative w-14 h-14 mb-2">
             <Image
               alt="personal photo"
-              className="bg-blue-700 rounded-full pt-2"
+              className="bg-[#0A66C2] rounded-full pt-2"
               fill
               sizes="100px"
               src="/images/user-profile.svg"
@@ -45,7 +45,7 @@ export default function ProfileCard({
             <p className="font-light">{position}</p>
           </div>
           <LinkButton
-            className="bg-c-light text-blue-700 border border-2 border-blue-700 rounded-full hover:bg-blue-700 hover:text-c-light"
+            className="bg-c-light text-[#0A66C2] border border-2 border-blue-700 rounded-full hover:bg-[#0A66C2] hover:text-c-light"
             href={href}
             showIcon={false}
             text="View Profile"