blsmedia/sign
2
0
Fork 0
Code Issues Packages Releases 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 && ( {selectedField && (
<Card <Card
className={cn( 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, 'border-primary': isFieldWithinBounds,
'opacity-50': !isFieldWithinBounds, 'opacity-50': !isFieldWithinBounds,

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

@@ -128,7 +128,7 @@ export const FieldItem = ({
)} )}
<Card <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': !disabled,
'border-primary/80': active, 'border-primary/80': active,
})} })}
@@ -143,9 +143,7 @@ export const FieldItem = ({
> >
{FRIENDLY_FIELD_TYPE[field.type]} {FRIENDLY_FIELD_TYPE[field.type]}
<p className="text-muted-foreground/50 w-full truncate text-center text-xs"> <p className="w-full truncate text-center text-xs">{field.signerEmail}</p>
{field.signerEmail}
</p>
</CardContent> </CardContent>
</Card> </Card>
</Rnd>, </Rnd>,