Merge pull request 'fixed modal scroll kiosk' (#216) from limit-fix into main

Reviewed-on: Pozomind/pozo-retail-app#216

src/Pages/Kiosk/Payment/KioskPaymentWithModal.jsx

@@ -968,6 +968,16 @@ const KioskPayment = (props) => {
         };
         await dispatch(sendSms(postData));
       }
+      const goFullScreen = () => {
+        const elem = document.documentElement;
+
+        if (!document.fullscreenElement) {
+          elem.requestFullscreen?.().catch((err) => {
+            console.log("Fullscreen error:", err);
+          });
+        }
+      };
+      goFullScreen();
       clearAllStates();
     } else {
       if (
@@ -1944,7 +1954,7 @@ const KioskPayment = (props) => {
         open={open}
         handleCancel={!selectedPaymentOption && HandleCloseModal}
         footer={false}
-        width={width > 768 ? 800 : 600}
+        width={width > 768 ? 900 : 700}
         children={
           showPaymentGatewayOptions ? (
             <div className="paymentCardMain">

src/Styles/Kiosk/Payment/KioskPayment.scss

@@ -72,7 +72,8 @@
   row-gap: 12px;
   padding: 24px 0px;
   align-items: center;
-  width: 90vw;
+  width: 86vw;
+  overflow-x: hidden;
 }
 
 .KioskPayment-dailpad-1,
@@ -161,6 +162,7 @@
   border-radius: 8px;
   width: 55%;
 }
+
 .KioskPayment-footer-green {
   width: 100%;
   display: flex;
@@ -220,6 +222,7 @@
   .Kiosk-dailpad {
     width: 90%;
   }
+
   .KioskPayment-footer {
     div {
       width: 80vw;