[OnSalePanel] CategoryNav 수정

Detail Notes :

1. css, position 수정
2. CategoryNav.jsx, 불필요 props 삭제

com.twin.app.shoptime/src/views/OnSalePanel/CategoryNav/CategoryNav.jsx

@@ -15,21 +15,14 @@ const Container = SpotlightContainerDecorator(
 
 const SpottableComponent = Spottable("li");
 
-const TYPES = { home: "home" };
-
 export default function CategoryNav({
   categoryInfos,
   currentLgCatCd,
   onCategoryNavClick,
-  type = "",
   ...rest
 }) {
   return (
-    <Container
+    <Container className={css.container} {...rest}>
-      {...rest}
-      className={classNames(css.container, css[type] ? css[type] : null)}
-      type=""
-    >
       <Scroller
         direction="horizontal"
         horizontalScrollbar="hidden"

com.twin.app.shoptime/src/views/OnSalePanel/CategoryNav/CategoryNav.module.less

@@ -2,22 +2,11 @@
 @import "../../../style/utils.module.less";
 
 .container {
-  position: fixed;
-  top: 0;
-  left: 120px;
-
-  // @@ Todo, z-index 관련 추후 수정 염두
-  z-index: 10;
-  width: calc(100% - 120px);
-  background-color: @BG_COLOR_01;
-  font-family: @baseFontBold;
-  font-size: 28px;
-  // @@ font 관련 업데이트 후 수정
-  // .font(@fontFamily: @baseFontBold, @fontSize: 28px);
-  &.home {
-    position: unset;
   width: 100%;
-  }
+  z-index: 10;
+  background-color: @BG_COLOR_01;
+  .font(@fontFamily: @baseFontBold, @fontSize: 28px);
+
   ul {
     display: flex;
     gap: 30px;