diff --git a/src/pages/Buyer/BuyerFinishPayment.tsx b/src/pages/Buyer/BuyerFinishPayment.tsx index 9b564773..d373154a 100644 --- a/src/pages/Buyer/BuyerFinishPayment.tsx +++ b/src/pages/Buyer/BuyerFinishPayment.tsx @@ -1,6 +1,6 @@ import { HeaderWrapper } from 'components/Buyer/Common/Header'; import { useNavigate } from 'react-router-dom'; -import { Green, Grey1, LightGreen } from 'styles/color'; +import { Green, Grey1 } from 'styles/color'; import { Body2, Heading } from 'styles/font'; import { ReactComponent as SendGraphic } from 'assets/icons/graphic-send.svg'; import { Button } from 'components/Common/Button'; @@ -8,6 +8,7 @@ import styled from 'styled-components'; import { Space } from 'components/Common/Space'; import { APP_WIDTH } from 'styles/AppStyle'; +import { Flex } from 'components/Common/Flex'; // // @@ -23,34 +24,41 @@ function BuyerFinishPayment() { return ( - 상담 신청완료 + 결제 신청 완료
- 상담 신청 완료 + 결제 신청 완료! + + + 셰어마인드는 현재 베타테스트 중 + 이에요. + + + {'모든 결제를 수동으로 승인하고 있어\n시간이 걸릴 수 있어요.'} + + + 결제가 완료되지 않는다면{' '} + 홈 화면 하단의 고객센터 버튼을 + 눌러 문의해주세요. + +
-
+
); @@ -70,17 +78,24 @@ const Wrapper = styled.div` flex-direction: column; align-items: center; } - .buttons { + .button { position: fixed; justify-content: center; bottom: 1rem; width: 100%; + @media (min-width: 768px) { width: ${APP_WIDTH}; } display: flex; gap: 1.5rem; + padding: 0 2rem; + box-sizing: border-box; } `; +const GreenTypography = styled.span` + color: ${Green}; +`; + export default BuyerFinishPayment;