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

fix: signature pad in dark mode

Browse Source
This commit is contained in:
Doug Andrade
2023-06-11 11:36:13 -04:00
parent 64d1d6df37
commit 07d13c74f5
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/src/components/forms/profile.tsx
View File

@ -111,7 +111,7 @@ export const ProfileForm = ({ className, user }: ProfileFormProps) => {
name="signature" name="signature"
render={({ field: { onChange } }) => ( render={({ field: { onChange } }) => (
<SignaturePad <SignaturePad
className="bg-background h-44 w-full rounded-lg border backdrop-blur-sm" className="h-44 w-full rounded-lg border bg-white backdrop-blur-sm dark:border-[#e2d7c5] dark:bg-[#fcf8ee]"
onChange={(v) => onChange(v ?? '')} onChange={(v) => onChange(v ?? '')}
/> />
)} )}

2
apps/web/src/components/signature-pad/signature-pad.tsx
View File

@ -192,7 +192,7 @@ export const SignaturePad = ({ className, onChange, ...props }: SignaturePadProp
<div className="relative block"> <div className="relative block">
<canvas <canvas
ref={$el} ref={$el}
className={cn('relative block', className)} className={cn('relative block dark:invert', className)}
style={{ touchAction: 'none' }} style={{ touchAction: 'none' }}
onPointerMove={(event) => onMouseMove(event)} onPointerMove={(event) => onMouseMove(event)}
onPointerDown={(event) => onMouseDown(event)} onPointerDown={(event) => onMouseDown(event)}