홈패널 마지막부분 여백값 관련 수정

com.twin.app.shoptime/src/views/HomePanel/BestSeller/BestSeller.jsx

@@ -14,7 +14,7 @@ import useScrollReset from "../../../hooks/useScrollReset";
 import useScrollTo from "../../../hooks/useScrollTo";
 import useScrollTopByDistance from "../../../hooks/useScrollTopByDistance";
 import { panel_names } from "../../../utils/Config";
-import { $L } from "../../../utils/helperMethods";
+import { $L, scaleW } from "../../../utils/helperMethods";
 import css from "./BestSeller.module.less";
 
 const SpottableComponent = Spottable("div");
@@ -94,13 +94,10 @@ const BestSeller = ({ order, scrollTopBody, panelInfo }) => {
   const handleScrollRight = (e) => {
     const container = e.currentTarget?.parentNode;
 
-    let gap = 18;
-    let itemWidth = 324;
-    let moreItemWidth = 198;
-    let containerBoxWidth = 1740;
-
-    // const maxVisibleCount = Math.floor((containerWidth - padding) / (itemWidth + gap));
-    // item의 배열 길이가 5이상 일때 작동해야 함, if maxVisibleCount보다 아이템의 갯수가 작다면 return
+    let gap = scaleW(18);
+    let itemWidth = scaleW(324);
+    let moreItemWidth = scaleW(198);
+    let containerBoxWidth = scaleW(1740);
     let itemLength = bestSellerDatas?.length;
 
     const x =
@@ -152,7 +149,7 @@ const BestSeller = ({ order, scrollTopBody, panelInfo }) => {
                 onBlur={() => handleBlur(itemIndex)}
                 onClick={() => handleCardClick(patnrId, prdtId)}
                 offerInfo={offerInfo}
-                spotlightId={'bestsellerItem'+itemIndex}
+                spotlightId={"bestsellerItem" + itemIndex}
               />
             )
           )}