From 6e6ef751217840a9ad61ad8f0ddf05771d3ad249 Mon Sep 17 00:00:00 2001
From: "younghoon100.park" <younghoon100.park@lgepartner.com>
Date: Wed, 31 Jan 2024 17:56:36 +0900
Subject: [PATCH] =?UTF-8?q?[OnSalePanel]=20=20CategoryNav=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Detail Notes :

1. css, position 수정
2. CategoryNav.jsx, 불필요 props 삭제
---
 .../OnSalePanel/CategoryNav/CategoryNav.jsx     |  9 +--------
 .../CategoryNav/CategoryNav.module.less         | 17 +++--------------
 2 files changed, 4 insertions(+), 22 deletions(-)

diff --git a/com.twin.app.shoptime/src/views/OnSalePanel/CategoryNav/CategoryNav.jsx b/com.twin.app.shoptime/src/views/OnSalePanel/CategoryNav/CategoryNav.jsx
index c183114c..dee0dd94 100644
--- a/com.twin.app.shoptime/src/views/OnSalePanel/CategoryNav/CategoryNav.jsx
+++ b/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
-      {...rest}
-      className={classNames(css.container, css[type] ? css[type] : null)}
-      type=""
-    >
+    <Container className={css.container} {...rest}>
       <Scroller
         direction="horizontal"
         horizontalScrollbar="hidden"
diff --git a/com.twin.app.shoptime/src/views/OnSalePanel/CategoryNav/CategoryNav.module.less b/com.twin.app.shoptime/src/views/OnSalePanel/CategoryNav/CategoryNav.module.less
index a56d83e0..53fa1ad2 100644
--- a/com.twin.app.shoptime/src/views/OnSalePanel/CategoryNav/CategoryNav.module.less
+++ b/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 관련 추후 수정 염두
+  width: 100%;
   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%;
-  }
+  .font(@fontFamily: @baseFontBold, @fontSize: 28px);
+
   ul {
     display: flex;
     gap: 30px;