Merge pull request #336 from OpenSignLabs/staging

style: correct logo aspect ratio in guest login
This commit is contained in:
prafull-opensignlabs
2025-02-21 11:32:27 +00:00
parent 23aecb45d9
commit 99c7a58d62
2 changed files with 25 additions and 18 deletions
+13 -5
View File
@@ -65,7 +65,11 @@ function GuestLogin() {
const handleServerUrl = async () => { const handleServerUrl = async () => {
setAppLogo(logo); 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 //save isGuestSigner true in local to handle login flow header in mobile view
localStorage.setItem("isGuestSigner", true); localStorage.setItem("isGuestSigner", true);
saveLanguageInLocal(i18n); saveLanguageInLocal(i18n);
@@ -220,11 +224,15 @@ function GuestLogin() {
{isLoading.isLoad ? ( {isLoading.isLoad ? (
<LoaderWithMsg isLoading={isLoading} /> <LoaderWithMsg isLoading={isLoading} />
) : ( ) : (
<div className="p-14 h"> <div className="pb-1 md:pb-4 pt-10 md:px-10 lg:px-16">
<div className="m-1 md:m-2 p-[30px] text-base-content bg-base-100 op-card shadow-md"> <div className="md:p-4 lg:p-10 p-4 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="w-[250px] h-[66px] inline-block overflow-hidden mb-6">
{appLogo && ( {appLogo && (
<img src={appLogo} className="object-contain" alt="logo" /> <img
src={appLogo}
className="object-contain h-full"
alt="logo"
/>
)} )}
</div> </div>
{contactId ? ( {contactId ? (
+12 -13
View File
@@ -65,19 +65,18 @@ function DownloadPdfZip(props) {
throw new Error(`Failed to fetch certificate PDF: ${certificateUrl}`); throw new Error(`Failed to fetch certificate PDF: ${certificateUrl}`);
} }
const pdf2Blob = await pdf2Response.blob(); const pdf2Blob = await pdf2Response.blob();
// Add files to ZIP // Add files to ZIP
zip.file( zip.file(
`${sanitizeFileName(pdfName)}_signed_by_${appName}.pdf`, `${sanitizeFileName(pdfName)}_signed_by_${appName}.pdf`,
pdf1Blob pdf1Blob
); );
zip.file(`Certificate_signed_by_${appName}.pdf`, pdf2Blob); zip.file(`Certificate_signed_by_${appName}.pdf`, pdf2Blob);
// Generate the ZIP and trigger download
// Generate the ZIP and trigger download const zipBlob = await zip.generateAsync({ type: "blob" });
const zipBlob = await zip.generateAsync({ type: "blob" }); saveAs(
saveAs( zipBlob,
zipBlob, `${sanitizeFileName(pdfName)}_signed_by_${appName}.zip`
`${sanitizeFileName(pdfName)}_signed_by_${appName}.zip` );
);
setSelectType(1); setSelectType(1);
props.setIsDownloadModal(false); props.setIsDownloadModal(false);
setIsDownloading(""); setIsDownloading("");