added space between buttons

2024-04-02 14:56:07 +01:00
parent 1533465f8d
commit 359344772e
6 changed files with 152 additions and 140 deletions
@@ -171,27 +171,29 @@ function AddFundPop({
      {countryWallet == "NG" && <div className="h-[19rem]"></div>}

      {countryWallet == "NG" && (
-        <div className="modal-footer-wrapper flex justify-end items-center py-4 gap-4">
-          <button
-            className="custom-btn bg-[#f5a430] text-black text-base"
-            onClick={onClose}
-          >
-            Cancel
-          </button>
-          <button
-            onClick={handleSubmit}
-            type="button"
-            className="custom-btn btn-gradient text-base text-white"
-          >
-            {__awaitComponent.loader ? (
-              <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={onClose}
+            >
+              Cancel
+            </button>
+            <button
+              onClick={handleSubmit}
+              type="button"
+              className="custom-btn btn-gradient text-base text-white"
+            >
+              {__awaitComponent.loader ? (
+                <LoadingSpinner size="6" color="sky-blue" />
+              ) : (
+                <>
+                  <span className="text-white">Continue</span>{" "}
+                  <Icons name="chevron-right" />
+                </>
+              )}
+            </button>
+          </div>
        </div>
      )}
    </div>