solved overflow header on logiin page

microfrontends/SignDocuments/src/Component/component/header.js

@@ -37,7 +37,7 @@ function Header({
 }) {
   const isMobile = window.innerWidth < 767;
   const navigate = useNavigate();
-
+  const isSigner = localStorage.getItem("isSigner");
   //for go to previous page
   function previousPage() {
     changePage(-1);
@@ -81,14 +81,16 @@ function Header({
 
   return (
     <div
-      style={{ paddingBottom: "5px", paddingTop: "5px" }}
+    style={{ padding: !isSigner && "5px 0px 5px 0px" }}
       className="mobileHead"
     >
       {isMobile && isShowHeader ? (
         <div
           id="navbar"
-          className="stickyHead"
-          style={{ width: window.innerWidth - 30 + "px" }}
+          className={isSigner ? "stickySignerHead" : "stickyHead"}
+          style={{
+            width: isSigner ? window.innerWidth : window.innerWidth - 30 + "px"
+          }}
         >
           <div className="preBtn2">
             <div

microfrontends/SignDocuments/src/Component/component/renderPdf.js

@@ -42,6 +42,9 @@ function RenderPdf({
   const isMobile = window.innerWidth < 767;
   const newWidth = window.innerWidth;
   const scale = isMobile ? pdfOriginalWidth / newWidth : 1;
+  //check isSigner is present in local if yes than handle login flow header in mobile view
+  const isSigner = localStorage.getItem("isSigner");
+
   //function for render placeholder block over pdf document
 
   const checkSignedSignes = (data) => {
@@ -235,7 +238,8 @@ function RenderPdf({
       {isMobile && scale ? (
         <div
           style={{
-            border: "0.1px solid #ebe8e8"
+            border: "0.1px solid #ebe8e8",
+            marginTop: isSigner && "30px"
           }}
           ref={drop}
           id="container"
@@ -1281,4 +1285,4 @@ function RenderPdf({
   );
 }
 
-export default RenderPdf;
+export default RenderPdf;