From f82af376d3662be5fbd362314e38e7028d804405 Mon Sep 17 00:00:00 2001
From: unknown <gokulerusappan10000@gmail.com>
Date: Tue, 3 Mar 2026 15:29:29 +0530
Subject: [PATCH] fixed modal scroll kiosk

---
 src/Pages/Kiosk/Payment/KioskPaymentWithModal.jsx | 12 +++++++++++-
 src/Styles/Kiosk/Payment/KioskPayment.scss        |  7 +++++--
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/Pages/Kiosk/Payment/KioskPaymentWithModal.jsx b/src/Pages/Kiosk/Payment/KioskPaymentWithModal.jsx
index 3329419..6275047 100644
--- a/src/Pages/Kiosk/Payment/KioskPaymentWithModal.jsx
+++ b/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">
diff --git a/src/Styles/Kiosk/Payment/KioskPayment.scss b/src/Styles/Kiosk/Payment/KioskPayment.scss
index 2ce888d..a58f064 100644
--- a/src/Styles/Kiosk/Payment/KioskPayment.scss
+++ b/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,9 +222,10 @@
   .Kiosk-dailpad {
     width: 90%;
   }
+
   .KioskPayment-footer {
     div {
       width: 80vw;
     }
   }
-}
+}
\ No newline at end of file