ロゴを追加

piny940 · Jul 1, 2023 · c001939 · c001939
1 parent 2a6caae
commit c001939
Show file tree

Hide file tree

Showing 6 changed files with 11 additions and 3 deletions.
diff --git a/public/images/skills/django.svg b/public/images/skills/django.svg
diff --git a/public/images/skills/python.svg b/public/images/skills/python.svg
diff --git a/public/images/skills/typescript.svg b/public/images/skills/typescript.svg
diff --git a/public/images/skills/vue.svg b/public/images/skills/vue.svg
diff --git a/src/components/Portfolio/SkillItem.tsx b/src/components/Portfolio/SkillItem.tsx
@@ -11,14 +11,14 @@ export const SkillItem: React.FC<SkillItemProps> = ({ skill, className }) => {
   return (
     <div className={className}>
       <PieItem className="mx-auto" percent={skill.percent}>
-        <div className="d-flex flex-column mb-3">
+        <div className="d-flex flex-column mb-2">
           {skill.logoSrc && (
             <div className="icon text-center">
               <Image
                 alt={`${skill.name}-logo`}
                 src={skill.logoSrc}
-                width={70}
-                height={70}
+                width={50}
+                height={50}
               />
             </div>
           )}

diff --git a/src/data/skills.ts b/src/data/skills.ts
@@ -14,17 +14,21 @@ export const skillsData: SkillType[] = [
   {
     name: 'Typescript',
     percent: 90,
+    logoSrc: '/images/skills/typescript.svg',
   },
   {
     name: 'Python',
     percent: 70,
+    logoSrc: '/images/skills/python.svg',
   },
   {
     name: 'Vue',
     percent: 40,
+    logoSrc: '/images/skills/vue.svg',
   },
   {
     name: 'django',
     percent: 30,
+    logoSrc: '/images/skills/django.svg',
   },
 ]