updating image pathing

vnagpal25 · Oct 13, 2024 · 955fbcc · 955fbcc
1 parent c6d0b5c
commit 955fbcc
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/app/components/homepage/skills/index.jsx b/app/components/homepage/skills/index.jsx
@@ -314,20 +314,21 @@ function Skills() {
     return skillsImage.find(item => item.name === skillID);
   };
 
-  const SkillIcon = ({ skill }) => {
+  const SkillIcon = ({ skill, size = 40 }) => {
     const skillImage = findSkillImage(skill);
 
     if (!skillImage) return null;
 
     return (
       <div
         className="h-full w-auto rounded-lg"
-        style={{ width: '40px', height: '40px' }}
-        dangerouslySetInnerHTML={{ __html: skillImage.svg }} // Insert SVG as inline HTML
+        style={{ width: `${size}px`, height: `${size}px` }}  // Dynamically set the size
+        dangerouslySetInnerHTML={{ __html: skillImage.svg }}
       />
     );
   };
 
+
   return (
     <div id="skills" className="relative z-50 border-t my-12 lg:my-24 border-[#25213b]">
       <div className="w-[100px] h-[100px] bg-violet-100 rounded-full absolute top-6 left-[42%] translate-x-1/2 filter blur-3xl  opacity-20"></div>