diff --git a/client/src/components/ResetPassword.js b/client/src/components/ResetPassword.js index a90ca01..162c700 100644 --- a/client/src/components/ResetPassword.js +++ b/client/src/components/ResetPassword.js @@ -13,7 +13,7 @@ const ResetPassword = () => { const [password, setPassword] = useState(""); const [confirmPassword, setConfirmPassword] = useState(""); const [error, setError] = useState(""); - const [timeLeft, setTimeLeft] = useState(10); + const [timeLeft, setTimeLeft] = useState(300); const otpRef = useRef(null); const passwordRef = useRef(null); const confirmPasswordRef = useRef(null); diff --git a/client/src/components/css/PaymentSucess.css b/client/src/components/css/PaymentSucess.css index 78102a4..63418cb 100644 --- a/client/src/components/css/PaymentSucess.css +++ b/client/src/components/css/PaymentSucess.css @@ -1,36 +1,47 @@ /* PaymentSuccess.css */ .payment-success-container { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - height: 90vh; - background-color: #fff; - /* Green background color */ - color: grey; - /* White text color */ + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + height: 90vh; + background-color: #fff; + /* Green background color */ + color: grey; + /* White text color */ } .payment-success-text { - font-size: 32px; - margin-bottom: 16px; - color: grey; + font-size: 32px; + margin-bottom: 16px; + color: grey; } .payment-success-message { - font-size: 18px; - text-align: center; - max-width: 400px; - padding: 16px; - border-radius: 8px; - background-color: rgba(255, 255, 255, 0.1); - /* Transparent white background */ - box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); - /* Shadow for the container */ + font-size: 18px; + text-align: center; + max-width: 400px; + padding: 16px; + border-radius: 8px; + background-color: rgba(255, 255, 255, 0.1); + /* Transparent white background */ + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); + /* Shadow for the container */ +} +.main-layout { + display: flex; + flex-direction: column; + min-height: 100vh; +} + +.content { + flex: 1; } + .yes-img { width: 80px; margin-top: 12px; -} \ No newline at end of file +} + diff --git a/client/src/components/pages/PaymentSuccess.js b/client/src/components/pages/PaymentSuccess.js index cf17704..c8ba6f8 100644 --- a/client/src/components/pages/PaymentSuccess.js +++ b/client/src/components/pages/PaymentSuccess.js @@ -18,17 +18,21 @@ const PaymentSuccess = () => { }, [setLoading]); return ( -
- Thank you for your payment. Your transaction was successful. -
++ Thank you for your payment. Your transaction was successful. +
+