admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

adjust size plan cards space

Browse Source
This commit is contained in:
pramod.mahajan 2025-10-31 11:33:03 +05:30
parent fa32f09ebb
commit f8abc61715
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/UserSubscription/SelectPlan.jsx
View File

@ -51,8 +51,8 @@ const SelectPlan = ({ currentStep, setStepStatus, onNext }) => {
return (
<div className="container text-start ">
<div className="row gx-4 gy-5 align-items-center justify-content-around">
<div className="col-sm-12 col-md-6">
<div className="row gy-5 align-items-center justify-content-around">
<div className="col-sm-12 col-md-8">
<div className="row">
<div className="col-12 mb-3 text-start">
<h4>Choose the Perfect Plan for Your Organization</h4>
@ -331,13 +331,13 @@ const SelectPlan = ({ currentStep, setStepStatus, onNext }) => {
</div>
{/* Image Section */}
<div className="d-none d-md-flex col-md-6 justify-content-center align-items-center">
<div className="d-none d-md-flex col-md-4 justify-content-center align-items-center">
<img
src="/img/illustrations/undraw_pricing.png"
alt="image"
className="img-fluid"
style={{
maxWidth: "70%",
maxWidth: "100%",
height: "auto",
objectFit: "contain",
}}
@ -345,7 +345,7 @@ const SelectPlan = ({ currentStep, setStepStatus, onNext }) => {
</div>
</div>
<div className="col-12 d-flex justify-content-end mt-3">
<div className="col-12 d-flex justify-content-end m-md-0 mt-3">
<button
type="submit"
className="btn btn-label-primary d-flex align-items-center me-2"

2
src/pages/Home/MakeSubscription.jsx
View File

@ -8,7 +8,7 @@ import SelectPlan from "../../components/UserSubscription/SelectPlan";
import Review from "../../components/UserSubscription/Review";
const MakeSubscription = () => {
const [currentStep, setCurrentStep] = useState(1);
const [currentStep, setCurrentStep] = useState(2);
const [responsePayment, setResponsePayment] = useState(null);
const [stepStatus, setStepStatus] = useState({