diff --git a/src/pages/portfolio/Portfolio.css b/src/pages/portfolio/Portfolio.css index 09fcc88..851c3b7 100644 --- a/src/pages/portfolio/Portfolio.css +++ b/src/pages/portfolio/Portfolio.css @@ -384,8 +384,11 @@ background: var(--surface-card); border: 1px solid var(--line); border-radius: var(--radius-lg); - padding: 14px 0; - overflow: hidden; + padding: 16px 20px; + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 24px 28px; } .pf-skill-logo { diff --git a/src/pages/portfolio/ProfileTab.jsx b/src/pages/portfolio/ProfileTab.jsx index ca660e0..c655935 100644 --- a/src/pages/portfolio/ProfileTab.jsx +++ b/src/pages/portfolio/ProfileTab.jsx @@ -1,5 +1,4 @@ import { useState } from 'react'; -import LogoLoop from '../../components/LogoLoop'; const CAREER_CATEGORIES = { company: '회사', education: '교육', etc: '기타' }; const SKILL_CATEGORIES = { language: '언어', framework: '프레임워크', infra: '인프라', tool: '도구' }; @@ -46,14 +45,6 @@ function SkillLogoNode({ name, slug }) { ); } -function buildSkillLogos(items) { - return items.map((s) => ({ - node: , - ariaLabel: s.name, - title: s.name, - })); -} - export default function ProfileTab({ data, editing, api, onRefresh }) { const { profile, careers, skills } = data; const [editingProfile, setEditingProfile] = useState(null); @@ -241,18 +232,14 @@ export default function ProfileTab({ data, editing, api, onRefresh }) { ))} ) : ( -
- +
+ {items.map((s) => ( + + ))}
)}