diff --git a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/TopBannerImage/TopBannerImage.jsx b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/TopBannerImage/TopBannerImage.jsx index d4afc1c4..e4c13deb 100644 --- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/TopBannerImage/TopBannerImage.jsx +++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/TopBannerImage/TopBannerImage.jsx @@ -1,9 +1,16 @@ -import React, { memo, useCallback, useState } from "react"; -import { useDispatch } from "react-redux"; -import { setShowPopup } from "../../../actions/commonActions"; -import CustomImage from "../../../components/CustomImage/CustomImage"; -import Spottable from "@enact/spotlight/Spottable"; -import css from "./TopBannerImage.module.less"; +import React, { + memo, + useCallback, + useState, +} from 'react'; + +import { useDispatch } from 'react-redux'; + +import Spottable from '@enact/spotlight/Spottable'; + +import { setShowPopup } from '../../../actions/commonActions'; +import CustomImage from '../../../components/CustomImage/CustomImage'; +import css from './TopBannerImage.module.less'; const SpottableDiv = Spottable("div"); @@ -52,11 +59,6 @@ const TopBannerImage = memo(({ banrImgUrl, banrImgNm, banrNm, pupBanrImgUrl, pup className={css.topBannerContainer} spotlightId={spotlightId} onClick={handleClick} - style={{ - // 이미지 크기에 맞춰 컨테이너 크기 조정 - width: imageDimensions.width ? `${imageDimensions.width + 30}px` : 'auto', // 패딩 15px 양쪽 - height: imageDimensions.height ? `${imageDimensions.height + 30}px` : 'auto' // 패딩 15px 상하 - }} >