[디테일] 스타일 수정

- 스크롤시 하단으로 떨어지는부분에 대한 수정
 - 디테일 태그 및 노출 관련 부분에 대한 수정
 - qr하단  문구부분 스타일 수정.
 - 옵션부분 갯수 버튼 처리.
This commit is contained in:
junghoon86.park
2025-09-30 10:56:09 +09:00
parent 1f387f9327
commit f1b8edc965
10 changed files with 141 additions and 96 deletions

View File

@@ -14,7 +14,6 @@ import {
} from 'react-redux';
import Spinner from '@enact/sandstone/Spinner';
import DetailPanelSkeleton from './DetailPanelSkeleton/DetailPanelSkeleton';
import Spotlight from '@enact/spotlight';
import { setContainerLastFocusedElement } from '@enact/spotlight/src/container';
@@ -44,9 +43,10 @@ import {
getQRCodeUrl,
} from '../../utils/helperMethods';
import { SpotlightIds } from '../../utils/SpotlightIds';
import THeaderCustom from './components/THeaderCustom';
import DetailPanelBackground from './components/DetailPanelBackground';
import THeaderCustom from './components/THeaderCustom';
import css from './DetailPanel.module.less';
import DetailPanelSkeleton from './DetailPanelSkeleton/DetailPanelSkeleton';
import ProductAllSection from './ProductAllSection/ProductAllSection';
import ThemeItemListOverlay from './ThemeItemListOverlay/ThemeItemListOverlay';
@@ -55,7 +55,9 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
const productData = useSelector((state) => state.main.productData);
const youmaylikeData = useSelector((state) => state.main.youmaylikeData);
const themeProductInfos = useSelector((state) => state.home.themeCurationDetailInfoData);
const themeProductInfos = useSelector(
(state) => state.home.themeCurationDetailInfoData
);
const isLoading = useSelector((state) =>
fp.pipe(() => state, fp.get("common.appStatus.showLoadingPanel.show"))()
);
@@ -694,10 +696,10 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
}, []);
return (
<div ref={containerRef} style={{ position: 'relative', width: '100%', height: '100%' }}>
<div ref={containerRef}>
{/* 배경 이미지 및 그라데이션 컴포넌트 - 모든 콘텐츠 뒤에 렌더링 */}
<DetailPanelBackground />
<TPanel
isTabActivated={false}
className={css.detailPanelWrap}