태그 스타일링e

Author: milooy

src/components/Collapsible.tsx

@@ -27,8 +27,8 @@ const Collapsible = ({
           setOpened(!opened)
         }}
       >
-        <Flex align="center">
-          {tag != null && <Tag style={{ marginRight: 5 }}>{tag}</Tag>}
+        <Flex align="center" style={{ textAlign: 'start' }}>
+          {tag != null && <Tag style={{ marginRight: 5, flexShrink: 0 }}>{tag}</Tag>}
           {title}
         </Flex>
         <Flex align="center">
@@ -82,9 +82,9 @@ const Title = styled.div`
 const Tag = styled.div`
   display: flex;
   align-items: center;
-  background-color: #fff5df;
+  background-color: #e6e6e6;
   font-size: 0.9rem;
-  font-weight: 700;
+  font-weight: 600;
   padding: 3px 7px;
   border-radius: 10px;
   color: #707070;

src/pages/resume.mdx

@@ -271,7 +271,7 @@ import 토스서비스개발Content from "./resume-content/토스서비스개발
   title="삼성전자 SOSCON 기조연설 | 주니어 개발자 5000명, 개발 해서 남 주자" link="https://www.slideshare.net/jayjin0427/soscon-2017-5000-81227938%20" />
 <Collapsible
   tag="발표"
-  title="[발표] 공개 SW 컨퍼런스 기조 연설 외 Facebook (Seoul, Hanoi), IBM, Microsoft, 고려대, 성신여대, 대덕마이스터고, 한양여대, 원광대 등 다수 기술 강연" >
+  title="공개 SW 컨퍼런스 기조 연설 외 Facebook (Seoul, Hanoi), IBM, Microsoft, 고려대, 성신여대, 대덕마이스터고, 한양여대, 원광대 등 다수 기술 강연" >
   <Gallary>
   <img alt="image" src="/assets/resume/hanoi.png" />
   <img alt="image" src="/assets/resume/soscon.png" />