[OnSalePanel] CategoryNav 수정

Detail Notes :

1. css, position 수정
2. CategoryNav.jsx, 불필요 props 삭제
This commit is contained in:
younghoon100.park
2024-01-31 17:56:36 +09:00
parent 83c8f508e9
commit 6e6ef75121
2 changed files with 4 additions and 22 deletions

View File

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

View File

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