styles corrections on logo and portfolio card hover

emanuelpps · Feb 15, 2024 · e8d67e9 · e8d67e9
1 parent 4b5b973
commit e8d67e9
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 17 deletions.
diff --git a/app/works/portfolio/ProjectCard.jsx b/app/works/portfolio/ProjectCard.jsx
@@ -19,6 +19,10 @@ function ProjectCard({ project }) {
           damping: 30,
         },
       }}
+      whileHover={{ scale: 1.02}}
+      whileTap={{
+        scale: 0.8
+      }}
       exit={{ opacity: 0 }}
       viewport={{ once: true }}
       id={`id-${project.id}`}

diff --git a/components/NavBar/NavBar.jsx b/components/NavBar/NavBar.jsx
@@ -49,24 +49,26 @@ export default function NavBar() {
   return (
     <div className="relative z-50">
       <nav className="grid grid-cols-3 md:grid-cols-3 gap-1 pt-5 fixed top-0 justify-center items-center w-screen">
-        <div
-          id="LogoContainer"
-          className="flex justify-center items-center pr-4 md:pr-48"
-        >
-          <Image
-            src={PortfolioLogo}
-            alt="Emanuel Pagés Front End Developer Logo"
-            className="rounded-lg bg-black hidden md:flex md:w-[45px]"
-          ></Image>
-          <div id="titleLogo">
-            <h1 className="text-[0.7rem] md:text-md font-light bg-white-100 rounded-md bg-clip-padding backdrop-filter backdrop-blur-md bg-opacity-40">
-              Emanuel Pagés
-            </h1>
-            <h3 className="text-[0.5rem] md:text-xs font-bold  bg-white-100 rounded-md bg-clip-padding backdrop-filter backdrop-blur-md bg-opacity-40 text-gray-500">
-              Frontend Developer
-            </h3>
+        <Link href={"/"}>
+          <div
+            id="LogoContainer"
+            className="flex justify-center items-center pr-4 md:pr-48"
+          >
+            <Image
+              src={PortfolioLogo}
+              alt="Emanuel Pagés Front End Developer Logo"
+              className="rounded-lg bg-black hidden md:flex md:w-[45px]"
+            ></Image>
+            <div id="titleLogo">
+              <h1 className="text-[0.7rem] md:text-md font-light bg-white-100 rounded-md bg-clip-padding backdrop-filter backdrop-blur-md bg-opacity-40">
+                Emanuel Pagés
+              </h1>
+              <h3 className="text-[0.5rem] md:text-xs font-bold  bg-white-100 rounded-md bg-clip-padding backdrop-filter backdrop-blur-md bg-opacity-40 text-gray-500">
+                Frontend Developer
+              </h3>
+            </div>
           </div>
-        </div>
+        </Link>
         <div
           id="ButtonContainer"
           className="flex justify-center items-center md:mr-5"