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

fix: position of undo signature button

Browse Source
This commit is contained in:
Ephraim Atta-Duncan
2024-01-16 23:14:34 +00:00
parent f6ce7be61f
commit dd5f39205a
2 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
apps/web/src/app/(signing)/sign/[token]/form.tsx
View File

@ -166,6 +166,7 @@ export const SigningForm = ({ document, recipient, fields }: SigningFormProps) =
className="h-44 w-full" className="h-44 w-full"
defaultValue={signature ?? undefined} defaultValue={signature ?? undefined}
clearSignatureClassName="absolute -bottom-6 -right-2 z-10 cursor-pointer" clearSignatureClassName="absolute -bottom-6 -right-2 z-10 cursor-pointer"
undoSignatureClassName="absolute -top-32 -left-4 z-10 cursor-pointer"
onChange={(value) => { onChange={(value) => {
setSignature(value); setSignature(value);
}} }}

4
packages/ui/primitives/signature-pad/signature-pad.tsx
View File

@ -17,6 +17,7 @@ export type SignaturePadProps = Omit<HTMLAttributes<HTMLCanvasElement>, 'onChang
onChange?: (_signatureDataUrl: string | null) => void; onChange?: (_signatureDataUrl: string | null) => void;
containerClassName?: string; containerClassName?: string;
clearSignatureClassName?: string; clearSignatureClassName?: string;
undoSignatureClassName?: string;
}; };
export const SignaturePad = ({ export const SignaturePad = ({
@ -24,6 +25,7 @@ export const SignaturePad = ({
containerClassName, containerClassName,
defaultValue, defaultValue,
clearSignatureClassName, clearSignatureClassName,
undoSignatureClassName,
onChange, onChange,
...props ...props
}: SignaturePadProps) => { }: SignaturePadProps) => {
@ -240,7 +242,7 @@ export const SignaturePad = ({
</div> </div>
{lines.length > 0 && ( {lines.length > 0 && (
<div className="absolute bottom-4 left-4 flex gap-2"> <div className={cn('absolute bottom-4 left-4 flex gap-2', undoSignatureClassName)}>
<button <button
type="button" type="button"
title="undo" title="undo"