save

Author: LeoGytis

src/components/ExperienceWrapper.tsx

@@ -34,7 +34,11 @@ const ExperienceWrapper = ({
       className={cn('p-4 mb-12 group', inView && 'bg-background shadow-border')}
     >
       <div className="flex gap-4 mb-4">
-        <Image src={imageSrc} alt={title} className="w-16 h-16 rounded" />
+        <Image
+          src={imageSrc}
+          alt={title}
+          className="w-16 h-16 rounded group-hover:shadow-border"
+        />
         <div>
           <Link
             href={link}

src/components/ProjectWrapper.tsx

@@ -48,12 +48,12 @@ const Project = ({
         inView && 'bg-background shadow-border'
       )}
     >
-      <div className="flex w-full gap-6 max-md:flex-col group">
+      <div className="flex gap-6 w-full max-md:flex-col group">
         <div
           onClick={() => {
             setOpen(true);
           }}
-          className="h-full overflow-hidden rounded-lg cursor-pointer md:w-2/5 group-hover:shadow-border"
+          className="overflow-hidden h-full rounded-lg cursor-pointer md:w-2/5 group-hover:shadow-border"
         >
           <Image
             src={imageSrc}
@@ -85,7 +85,7 @@ const Project = ({
               {accomplishments.map((accomplishment, index) => (
                 <li
                   key={index}
-                  className="px-2 py-1 mb-1 border-b rounded-lg border-secondary"
+                  className="px-2 py-1 mb-1 rounded-lg border-b border-secondary"
                 >
                   {accomplishment}
                 </li>

src/styles/animations.css

@@ -47,7 +47,7 @@
   transition: transform 0.5s ease-out;
 }
 
-.underline-animation:hover:after {
+.group:hover .underline-animation:after {
   transform: scaleX(1);
   transform-origin: bottom left;
 }