[SHOPTIME-3818] [결제완료] final price 전 문구 위치 수정

This commit is contained in:
hyunwoo93.cha
2024-11-21 20:04:44 +09:00
parent 78a6a52214
commit c16c8c3529
2 changed files with 41 additions and 14 deletions

View File

@@ -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();

View File

@@ -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 {