WrenchBoard/Users-Wrench
3
0
Fork 0
Code Issues Pull Requests Releases Activity

added space between buttons

Browse Source
This commit was merged in pull request #691.
This commit is contained in:
victorAnumudu
2024-04-02 14:56:07 +01:00
parent 1533465f8d
commit 359344772e
6 changed files with 152 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/MyWallet/Popup/AddFundDollars.jsx
+43 -39
View File
@@ -588,26 +588,28 @@ function AddFundDollars(props) {
</div>
</div>
<div className="modal-footer-wrapper flex justify-end items-center gap-2">
<button
className="custom-btn bg-[#f5a430] text-black text-base"
onClick={handleClose}
>
Cancel
</button>
<button
type="submit"
className="custom-btn btn-gradient text-base text-white"
>
{loadingState ? (
<LoadingSpinner size="6" color="sky-blue" />
) : (
<>
<span className="text-white">Continue</span>{" "}
<Icons name="chevron-right" />
</>
)}
</button>
<div className="modal-footer-wrapper grid grid-cols-1 xxs:grid-cols-3">
<div className="w-full col-span-1 xxs:col-span-2 xxs:col-start-2 flex justify-between items-center">
<button
className="custom-btn bg-[#f5a430] text-black text-base"
onClick={handleClose}
>
Cancel
</button>
<button
type="submit"
className="custom-btn btn-gradient text-base text-white"
>
{loadingState ? (
<LoadingSpinner size="6" color="sky-blue" />
) : (
<>
<span className="text-white">Continue</span>{" "}
<Icons name="chevron-right" />
</>
)}
</button>
</div>
</div>
</Form>
);
@@ -620,25 +622,27 @@ function AddFundDollars(props) {
</div>
{selectedOption == "previous" && (
<div className="modal-footer-wrapper flex justify-end items-center gap-2">
<button
className="custom-btn bg-[#f5a430] text-black text-base"
onClick={props.onClose}
>
Cancel
</button>
<button
onClick={handleSubmit}
name="previous"
type="button"
className="custom-btn btn-gradient text-base text-white"
>
{loadingState ? (
<LoadingSpinner size="6" color="sky-blue" />
) : (
<span className="text-white">Continue</span>
)}
</button>
<div className="modal-footer-wrapper grid grid-cols-1 xxs:grid-cols-3">
<div className="w-full col-span-1 xxs:col-span-2 xxs:col-start-2 flex justify-between items-center">
<button
className="custom-btn bg-[#f5a430] text-black text-base"
onClick={props.onClose}
>
Cancel
</button>
<button
onClick={handleSubmit}
name="previous"
type="button"
className="custom-btn btn-gradient text-base text-white"
>
{loadingState ? (
<LoadingSpinner size="6" color="sky-blue" />
) : (
<span className="text-white">Continue</span>
)}
</button>
</div>
</div>
)}
</>