style: update design of invalid session popup

apps/OpenSign/src/components/pdf/SignerListPlace.js

@@ -61,7 +61,7 @@ function SignerListPlace(props) {
           <div
             role="button"
             data-tut="reactourAddbtn"
-            className="op-btn op-btn-accent op-btn-outline w-full my-[2px]"
+            className="op-btn op-btn-accent op-btn-outline w-full mt-[14px]"
             disabled={props?.isMailSend ? true : false}
             onClick={() => props.handleAddSigner()}
           >
@@ -71,7 +71,7 @@ function SignerListPlace(props) {
           <div
             role="button"
             data-tut="reactourAddbtn"
-            className="op-btn op-btn-accent op-btn-outline w-full my-[2px]"
+            className="op-btn op-btn-accent op-btn-outline w-full mt-[14px]"
             disabled={props?.isMailSend ? true : false}
             onClick={() => props.setIsAddSigner(true)}
           >

apps/OpenSign/src/layout/HomeLayout.js

@@ -286,13 +286,10 @@ const HomeLayout = () => {
           )}
         </>
       ) : (
-        <ModalUi title={"Session Expired"} isOpen={true} showClose={false}>
+        <ModalUi showHeader={false} isOpen={true} showClose={false}>
           <div className="flex flex-col justify-center items-center py-4 md:py-5 gap-5">
-            <p className="text-xl font-normal">Your session has expired.</p>
-            <button
-              onClick={handleLoginBtn}
-              className="text-base px-3 py-1.5 rounded shadow-md text-white bg-[#1ab6ce]"
-            >
+            <p className="text-xl font-medium">Your session has expired.</p>
+            <button onClick={handleLoginBtn} className="op-btn op-btn-neutral">
               Login
             </button>
           </div>

apps/OpenSign/src/pages/GenerateToken.js

@@ -143,7 +143,7 @@ function GenerateToken() {
                     {apiToken ? apiToken : "_____"}
                   </span>
                   <button
-                    className="op-btn op-btn-accent op-btn-sm ml-2"
+                    className="op-btn op-btn-accent op-btn-outline op-btn-sm ml-2"
                     onClick={() => copytoclipboard(apiToken)}
                   >
                     <i className="fa-solid fa-copy"></i>

apps/OpenSign/src/pages/TemplatePlaceholder.js

@@ -1270,8 +1270,8 @@ const TemplatePlaceholder = () => {
                 title={"Roles"}
                 handleClose={() => setIsReceipent(true)}
               >
-                <div className="h-full p-[20px]">
-                  <p>Please add a role</p>
+                <div className="h-full p-[20px] text-center font-medium">
+                  <p>Please add roles first</p>
                 </div>
               </ModalUi>
               {/* this modal is used show send mail  message and after send mail success message */}

apps/OpenSign/src/primitives/Validate.js

@@ -49,13 +49,10 @@ const Validate = () => {
       <Outlet />
     </div>
   ) : (
-    <ModalUi title={"Session Expired"} isOpen={true} showClose={false}>
+    <ModalUi showHeader={false} isOpen={true} showClose={false}>
       <div className="flex flex-col justify-center items-center py-4 md:py-5 gap-5">
-        <p className="text-xl font-normal">Your session has expired.</p>
-        <button
-          onClick={handleLoginBtn}
-          className="text-base px-3 py-1.5 rounded shadow-md text-white bg-[#1ab6ce]"
-        >
+        <p className="text-xl font-medium">Your session has expired.</p>
+        <button onClick={handleLoginBtn} className="op-btn op-btn-neutral">
           Login
         </button>
       </div>