Merge pull request #36 from APPS-sookmyung/style/view-card

Style: 그룹이 많아질 경우 생성되는 스크롤바 숨김
APPS-sookmyung · Jul 30, 2024 · 2c2fdf0 · 2c2fdf0
2 parents fa9f4cc + 6141c43
commit 2c2fdf0
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 4 deletions.
diff --git a/src/components/CardInfo/CardInfo.jsx b/src/components/CardInfo/CardInfo.jsx
@@ -26,7 +26,7 @@ export default function CardInfo({
         <S.Info>
           <S.Name isSelected={isSelected}>{name}</S.Name>
           <S.Job isSelected={isSelected}>
-            {job} | {company}
+            {job}, {company}
           </S.Job>
         </S.Info>
       </S.CardWrapper>

diff --git a/src/pages/AddCardPage/AddCardPage.style.jsx b/src/pages/AddCardPage/AddCardPage.style.jsx
@@ -1,7 +1,7 @@
 import styled from '@emotion/styled';
 
 export const AddCardPage = styled.div`
-  padding: 20px 20px 100px 20px;
+  padding: 0 20px 100px 20px;
 `;
 
 // 타이틀

diff --git a/src/pages/ViewCardPage/ViewCardPage.jsx b/src/pages/ViewCardPage/ViewCardPage.jsx
@@ -80,7 +80,8 @@ export default function ViewCardPage() {
             )}
           </S.EditBadgeWrapper>
         </S.ButtonContainer>
-        {/* 명함 */}
+
+        {/* 명함 목록 */}
         <S.CardContainer>
           {filteredData.map((data, index) => (
             <CardInfo

diff --git a/src/pages/ViewCardPage/ViewCardPage.style.jsx b/src/pages/ViewCardPage/ViewCardPage.style.jsx
@@ -1,7 +1,7 @@
 import styled from '@emotion/styled';
 
 export const ViewCardPage = styled.div`
-  padding: 20px 20px 100px 20px;
+  padding: 0 20px 100px 20px;
 `;
 
 // 버튼
@@ -16,6 +16,7 @@ export const GroupBadgeWrapper = styled.div`
   gap: 5px;
   overflow-x: auto;
   white-space: nowrap;
+  scrollbar-width: none;
 `;
 
 export const EditBadgeWrapper = styled.div`