fix: signature pad in dark mode

This commit is contained in:
Doug Andrade
2023-06-11 11:36:13 -04:00
committed by Mythie
parent feefeea0c4
commit 4ea316a077
2 changed files with 2 additions and 2 deletions

View File

@ -111,7 +111,7 @@ export const ProfileForm = ({ className, user }: ProfileFormProps) => {
name="signature"
render={({ field: { onChange } }) => (
<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 ?? '')}
/>
)}

View File

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