Merge pull request #336 from OpenSignLabs/staging

style: correct logo aspect ratio in guest login

Author: prafull-opensignlabs

apps/OpenSign/src/pages/GuestLogin.js

@@ -65,7 +65,11 @@ function GuestLogin() {
   const handleServerUrl = async () => {
       setAppLogo(logo);
 
-    localStorage.clear();
+    localStorage.clear(); // Clears everything
+    localStorage.setItem(
+      "appname",
+        "OpenSign™"
+    );
     //save isGuestSigner true in local to handle login flow header in mobile view
     localStorage.setItem("isGuestSigner", true);
     saveLanguageInLocal(i18n);
@@ -220,11 +224,15 @@ function GuestLogin() {
       {isLoading.isLoad ? (
         <LoaderWithMsg isLoading={isLoading} />
       ) : (
-        <div className="p-14 h">
-          <div className="m-1 md:m-2 p-[30px] text-base-content bg-base-100 op-card shadow-md">
-            <div className="md:w-[250px] md:h-[66px] inline-block overflow-hidden mt-2 mb-11">
+        <div className="pb-1 md:pb-4 pt-10 md:px-10 lg:px-16">
+          <div className="md:p-4 lg:p-10 p-4 text-base-content bg-base-100 op-card shadow-md">
+            <div className="w-[250px] h-[66px] inline-block overflow-hidden mb-6">
               {appLogo && (
-                <img src={appLogo} className="object-contain" alt="logo" />
+                <img
+                  src={appLogo}
+                  className="object-contain h-full"
+                  alt="logo"
+                />
               )}
             </div>
             {contactId ? (

apps/OpenSign/src/primitives/DownloadPdfZip.js

@@ -65,19 +65,18 @@ function DownloadPdfZip(props) {
           throw new Error(`Failed to fetch certificate PDF: ${certificateUrl}`);
         }
         const pdf2Blob = await pdf2Response.blob();
-        // Add files to ZIP
-        zip.file(
-          `${sanitizeFileName(pdfName)}_signed_by_${appName}.pdf`,
-          pdf1Blob
-        );
-        zip.file(`Certificate_signed_by_${appName}.pdf`, pdf2Blob);
-
-        // Generate the ZIP and trigger download
-        const zipBlob = await zip.generateAsync({ type: "blob" });
-        saveAs(
-          zipBlob,
-          `${sanitizeFileName(pdfName)}_signed_by_${appName}.zip`
-        );
+          // Add files to ZIP
+          zip.file(
+            `${sanitizeFileName(pdfName)}_signed_by_${appName}.pdf`,
+            pdf1Blob
+          );
+          zip.file(`Certificate_signed_by_${appName}.pdf`, pdf2Blob);
+          // Generate the ZIP and trigger download
+          const zipBlob = await zip.generateAsync({ type: "blob" });
+          saveAs(
+            zipBlob,
+            `${sanitizeFileName(pdfName)}_signed_by_${appName}.zip`
+          );
         setSelectType(1);
         props.setIsDownloadModal(false);
         setIsDownloading("");