[#46] chore - 가운데로 넣기

siliconValleyTeamA · Jan 12, 2021 · 560b935 · 560b935
1 parent 56512a2
commit 560b935
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/src/api/categoryAPI.js b/src/api/categoryAPI.js
@@ -50,7 +50,7 @@ const mockCategoriesList = {
     },
     {
       id: 9,
-      category: '스포츠-모빌리티',
+      category: '스포츠',
       img: 'https://img-cf.kurly.com/shop/data/goods/1567143195421z0.jpg',
       link: 'sport',
     },

diff --git a/src/components/CategoryPage/Category/Category.jsx b/src/components/CategoryPage/Category/Category.jsx
@@ -16,7 +16,7 @@ function Category({ data, active }) {
           src={data.img}
           alt="카테고리 사진"
         />
-        <div className={cx('text', { active: active })}>{data.category}</div>
+        <span className={cx('text', { active: active })}>{data.category}</span>
       </div>
     </Link>
   );

diff --git a/src/components/CategoryPage/Category/Category.module.scss b/src/components/CategoryPage/Category/Category.module.scss
@@ -1,7 +1,8 @@
 @import 'styles/_palette.scss';
 
 .category {
-  text-align: center;
+  display: flex;
+  flex-direction: column;
   height: 65px;
   width: 65px;
   padding: 10px;
@@ -19,6 +20,7 @@
   }
 
   .text {
+    text-align: center;
     margin-top: 8px;
     line-height: 18px;
     white-space: nowrap;