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

feat: add transparent background to fields

Browse Source
This commit is contained in:
Ephraim Atta-Duncan
2024-02-02 08:36:54 +00:00
parent 8f3a52e1fd
commit d598677dc5
2 changed files with 3 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/ui/primitives/document-flow/add-fields.tsx
View File

@ -316,7 +316,7 @@ export const AddFieldsFormPartial = ({
{selectedField && (
<Card
className={cn(
'bg-background pointer-events-none fixed z-50 cursor-pointer transition-opacity',
'bg-documenso pointer-events-none fixed z-50 cursor-pointer border-2 bg-opacity-20 backdrop-blur-[1.2px]',
{
'border-primary': isFieldWithinBounds,
'opacity-50': !isFieldWithinBounds,

6
packages/ui/primitives/document-flow/field-item.tsx
View File

@ -128,7 +128,7 @@ export const FieldItem = ({
)}
<Card
className={cn('bg-background h-full w-full', {
className={cn('bg-documenso h-full w-full bg-opacity-20 backdrop-blur-[1.2px]', {
'border-primary': !disabled,
'border-primary/80': active,
})}
@ -143,9 +143,7 @@ export const FieldItem = ({
>
{FRIENDLY_FIELD_TYPE[field.type]}
<p className="text-muted-foreground/50 w-full truncate text-center text-xs">
{field.signerEmail}
</p>
<p className="w-full truncate text-center text-xs">{field.signerEmail}</p>
</CardContent>
</Card>
</Rnd>,