From 66c020d903a87d2c8f2baa934ff21c399dafb842 Mon Sep 17 00:00:00 2001
From: RaktimaNXG <raktima.c@nxglabs.com>
Date: Mon, 20 May 2024 17:26:18 +0530
Subject: [PATCH] fix: fix celebration ui for mobile view

---
 apps/OpenSign/src/components/pdf/EmailComponent.js | 8 +-------
 apps/OpenSign/src/pages/SignyourselfPdf.js         | 1 -
 apps/OpenSign/src/primitives/ModalUi.js            | 7 +------
 3 files changed, 2 insertions(+), 14 deletions(-)

diff --git a/apps/OpenSign/src/components/pdf/EmailComponent.js b/apps/OpenSign/src/components/pdf/EmailComponent.js
index 8cb2b9ade..7a3357ddf 100644
--- a/apps/OpenSign/src/components/pdf/EmailComponent.js
+++ b/apps/OpenSign/src/components/pdf/EmailComponent.js
@@ -251,17 +251,11 @@ function EmailComponent({
             </div>
             <div style={{ height: "100%", padding: 20 }}>
               {(isCeleb || isCompletionCeleb) && (
-                <div
-                  style={{
-                    position: "absolute",
-                    marginLeft: "50px"
-                  }}
-                >
+                <div className="absolute w-[100%] flex justify-center items-center">
                   <img
                     alt="print img"
                     width={300}
                     height={250}
-                    // style={styles.gifCeleb}
                     src={celebration}
                   />
                 </div>
diff --git a/apps/OpenSign/src/pages/SignyourselfPdf.js b/apps/OpenSign/src/pages/SignyourselfPdf.js
index 2ad4ccb0a..5e61edb67 100644
--- a/apps/OpenSign/src/pages/SignyourselfPdf.js
+++ b/apps/OpenSign/src/pages/SignyourselfPdf.js
@@ -340,7 +340,6 @@ function SignYourSelf() {
       setIsLoading(loadObj);
     }
   };
-  console.log("iscompletion", isCompletionCeleb);
   const getWidgetValue = (type) => {
     switch (type) {
       case "name":
diff --git a/apps/OpenSign/src/primitives/ModalUi.js b/apps/OpenSign/src/primitives/ModalUi.js
index be6122e69..d54304953 100644
--- a/apps/OpenSign/src/primitives/ModalUi.js
+++ b/apps/OpenSign/src/primitives/ModalUi.js
@@ -27,12 +27,7 @@ const ModalUi = ({
             }
           >
             {isCompletionCeleb && (
-              <div
-                style={{
-                  position: "absolute",
-                  marginLeft: "50px"
-                }}
-              >
+              <div className="absolute w-[100%] flex justify-center items-center">
                 <img
                   alt="print img"
                   width={300}