[SHOPTIME-3818] [결제완료] final price 전 문구 위치 수정
This commit is contained in:
@@ -1,17 +1,33 @@
|
||||
import React, { useCallback, useEffect } from "react";
|
||||
import React, {
|
||||
useCallback,
|
||||
useEffect,
|
||||
} from 'react';
|
||||
|
||||
import { useDispatch, useSelector } from "react-redux";
|
||||
import {
|
||||
useDispatch,
|
||||
useSelector,
|
||||
} from 'react-redux';
|
||||
|
||||
import confirmCardImage from "../../../assets/images/img-checkout-complete.png";
|
||||
import { sendLogGNB, sendLogPaymentComplete } from "../../actions/logActions";
|
||||
import { popPanel, pushPanel, resetPanels } from "../../actions/panelActions";
|
||||
import CustomImage from "../../components/CustomImage/CustomImage";
|
||||
import TButton from "../../components/TButton/TButton";
|
||||
import TPanel from "../../components/TPanel/TPanel";
|
||||
import * as Config from "../../utils/Config";
|
||||
import { $L, formatCurrencyValue } from "../../utils/helperMethods";
|
||||
import { myPageComponents } from "../MyPagePanel/MyPagePanel";
|
||||
import css from "./ConfirmPanel.module.less";
|
||||
import confirmCardImage from '../../../assets/images/img-checkout-complete.png';
|
||||
import {
|
||||
sendLogGNB,
|
||||
sendLogPaymentComplete,
|
||||
} from '../../actions/logActions';
|
||||
import {
|
||||
popPanel,
|
||||
pushPanel,
|
||||
resetPanels,
|
||||
} from '../../actions/panelActions';
|
||||
import CustomImage from '../../components/CustomImage/CustomImage';
|
||||
import TButton from '../../components/TButton/TButton';
|
||||
import TPanel from '../../components/TPanel/TPanel';
|
||||
import * as Config from '../../utils/Config';
|
||||
import {
|
||||
$L,
|
||||
formatCurrencyValue,
|
||||
} from '../../utils/helperMethods';
|
||||
import { myPageComponents } from '../MyPagePanel/MyPagePanel';
|
||||
import css from './ConfirmPanel.module.less';
|
||||
|
||||
export default function ConfirmPanel({ spotlightId }) {
|
||||
const dispatch = useDispatch();
|
||||
|
||||
@@ -77,6 +77,8 @@
|
||||
.bottomContents {
|
||||
margin-top: 27px;
|
||||
display: flex;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
|
||||
.bottomContentsTitle {
|
||||
.font(@fontSize: 30px, @fontFamily: @baseFont);
|
||||
@@ -92,6 +94,8 @@
|
||||
color: @PRIMARY_COLOR_RED;
|
||||
width: 600px;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.noticeBox {
|
||||
@@ -100,10 +104,17 @@
|
||||
font-size: 24px;
|
||||
color: @COLOR_GRAY03;
|
||||
font-weight: normal !important;
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
|
||||
.img {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.buttonWrap {
|
||||
|
||||
Reference in New Issue
Block a user