[디테일] 스타일 수정
- 스크롤시 하단으로 떨어지는부분에 대한 수정 - 디테일 태그 및 노출 관련 부분에 대한 수정 - qr하단 문구부분 스타일 수정. - 옵션부분 갯수 버튼 처리.
This commit is contained in:
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user