style: 베스트 피클 모른쪽 마진 수정

TeamPiickle · Mar 23, 2023 · e0eb246 · e0eb246
1 parent bc19b3e
commit e0eb246
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 6 deletions.
diff --git a/src/@components/CategoryPage/index.tsx b/src/@components/CategoryPage/index.tsx
@@ -1,12 +1,8 @@
 import { Helmet } from "react-helmet";
-import { useNavigate } from "react-router-dom";
-import { useSetRecoilState } from "recoil";
 
 import { IcSmallRightArrow } from "../../asset/icon/index";
 import { ImgCategoryBanner } from "../../asset/image";
 import { OriginImgCategoryBanner } from "../../asset/image/origin";
-import { sliderIdxState } from "../../core/atom/slider";
-import { routePaths } from "../../core/routes/path";
 import { LocationType } from "../../types/cardCollection";
 import { categoryTitles } from "../../util/category/categoryList";
 import { GTM_CLASS_NAME } from "../../util/const/gtm";

diff --git a/src/@components/MainPage/BestPiickle/BestPiickleCard/style.ts b/src/@components/MainPage/BestPiickle/BestPiickleCard/style.ts
@@ -2,13 +2,12 @@ import styled from "styled-components";
 
 const Container = styled.button``;
 
-const BestPiickleCard = styled.article`
+const BestPiickleCard = styled.div`
   position: relative;
 
   width: 20rem;
   height: 13.6rem;
 
-  margin-right: 0.8rem;
   padding: 1.2rem;
 
   border: 0.1rem solid ${({ theme }) => theme.newColors.gray300};

diff --git a/src/@components/MainPage/BestPiickle/style.ts b/src/@components/MainPage/BestPiickle/style.ts
@@ -10,6 +10,10 @@ const SliderWrapper = styled.article`
 
   padding: 0 1.6rem;
 
+  & > button:not(:first-child) {
+    margin-left: 0.8rem;
+  }
+
   -ms-overflow-style: none; /* IE and Edge */
   scrollbar-width: none; /* Firefox */
   &::-webkit-scrollbar {