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

chore: made requested changes

Browse Source 
Signed-off-by: Adithya Krishna <adikrish@redhat.com>
This commit is contained in:
Adithya Krishna
2023-08-28 12:44:50 +05:30
parent f41c78e8e3
commit 3c1790ba83
7 changed files with 129 additions and 133 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
apps/web/src/app/(signing)/sign/[token]/date-field.tsx
View File

@ -82,17 +82,13 @@ export const DateField = ({ field, recipient }: DateFieldProps) => {
</div>
)}
<p
className={`
${
!field.inserted
? 'group-hover:text-primary text-muted-foreground text-lg duration-200'
: 'text-muted-foreground text-sm duration-200'
}
`}
>
{field.inserted ? field.customText : 'Date'}
</p>
{!field.inserted && (
<p className="group-hover:text-primary text-muted-foreground text-lg duration-200">Date</p>
)}
{field.inserted && (
<p className="text-muted-foreground text-sm duration-200">{field.customText}</p>
)}
</SigningFieldContainer>
);
};

22
apps/web/src/app/(signing)/sign/[token]/signing-field-container.tsx
View File

@ -60,16 +60,18 @@ export const SigningFieldContainer = ({
'text-foreground hover:shadow-primary-foreground group flex h-full w-full flex-col items-center justify-center p-2',
)}
>
<button
type="submit"
className={`
absolute inset-0 z-10 ${field.inserted ? 'text-destructive bg-background/40' : ''}
`}
onClick={field.inserted ? onRemoveSignedFieldClick : onSignFieldClick}
disabled={loading}
>
{field.inserted ? 'Remove' : ''}
</button>
{!field.inserted && !loading && (
<button type="submit" className="absolute inset-0 z-10" onClick={onSignFieldClick} />
)}
{field.inserted && !loading && (
<button
className="text-destructive bg-background/40 absolute inset-0 z-10 flex items-center justify-center rounded-md text-sm opacity-0 backdrop-blur-sm duration-200 group-hover:opacity-100"
onClick={onRemoveSignedFieldClick}
>
Remove
</button>
)}
{children}
</CardContent>
</Card>