Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-14 00:32:43 +10:00
Code Issues Packages Projects Releases Wiki Activity

💄 signable field size

Browse Source
This commit is contained in:
Timur Ercan
2023-03-07 17:12:03 +01:00
parent 6246161697
commit a2e54e7faf
1 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
apps/web/components/editor/signable-field.tsx
View File

@ -43,23 +43,26 @@ export default function SignableField(props: FieldPropsType) {
if (!field?.signature) props.onClick(props.field); if (!field?.signature) props.onClick(props.field);
}} }}
ref={nodeRef} ref={nodeRef}
className="cursor-pointer opacity-80 py-4 m-auto w-48 h-16 flex-row-reverse text-lg font-bold text-center absolute top-0 left-0 select-none hover:brightness-50" className="cursor-pointer opacity-80 m-auto w-48 h-16 flex-row-reverse text-lg font-bold text-center absolute top-0 left-0 select-none hover:brightness-50"
style={{ style={{
background: stc(props.field.Recipient.email), background: stc(props.field.Recipient.email),
}} }}
> >
<div hidden={field?.signature} className="font-medium"> <div hidden={field?.signature} className="font-medium my-4">
{field.type === "SIGNATURE" ? "SIGN HERE" : ""} {field.type === "SIGNATURE" ? "SIGN HERE" : ""}
</div> </div>
<div <div
hidden={!field?.signature} hidden={!field?.signature}
className="font-qwigley text-5xl m-auto w-auto flex-row-reverse font-medium text-center" className="font-qwigley text-5xl m-auto w-auto flex-row-reverse font-medium text-center"
> >
{field?.signature?.type === "type" {field?.signature?.type === "type" ? (
? field?.signature.typedSignature <div className="my-4">{field?.signature.typedSignature}</div>
: ""} ) : (
""
)}
{field?.signature?.type === "draw" ? ( {field?.signature?.type === "draw" ? (
<img className="w-50 h-20" src={field?.signature?.signatureImage} /> <img className="w-48 h-16" src={field?.signature?.signatureImage} />
) : ( ) : (
"" ""
)} )}