fix: nested a links in card

This commit is contained in:
enes 2024-08-06 13:38:33 +02:00
parent c3f60b1e64
commit e4a7fa4892
2 changed files with 17 additions and 14 deletions

View File

@ -80,15 +80,16 @@ export const DisplaySigit = ({ meta, profiles, setProfiles }: SigitProps) => {
}, [submittedBy, signers, profiles, setProfiles]) }, [submittedBy, signers, profiles, setProfiles])
return ( return (
<div className={styles.itemWrapper}>
<Link <Link
className={styles.itemWrapper}
to={ to={
signedStatus === SignedStatus.Complete signedStatus === SignedStatus.Complete
? appPublicRoutes.verify ? appPublicRoutes.verify
: appPrivateRoutes.sign : appPrivateRoutes.sign
} }
state={{ meta }} state={{ meta }}
> className={styles.insetLink}
></Link>
<p className={`line-clamp-2 ${styles.title}`}>{title}</p> <p className={`line-clamp-2 ${styles.title}`}>{title}</p>
<div className={styles.users}> <div className={styles.users}>
{submittedBy && {submittedBy &&
@ -187,6 +188,6 @@ export const DisplaySigit = ({ meta, profiles, setProfiles }: SigitProps) => {
</Button> </Button>
</Tooltip> </Tooltip>
</div> </div>
</Link> </div>
) )
} }

View File

@ -6,15 +6,11 @@
background-color: $overlay-background-color; background-color: $overlay-background-color;
border-radius: 4px; border-radius: 4px;
outline: none !important;
display: flex; display: flex;
padding: 15px; padding: 15px;
gap: 15px; gap: 15px;
flex-direction: column; flex-direction: column;
cursor: pointer;
&:only-child { &:only-child {
max-width: 600px; max-width: 600px;
} }
@ -44,6 +40,12 @@
} }
} }
.insetLink {
position: absolute;
inset: 0;
outline: none;
}
.itemActions { .itemActions {
display: flex; display: flex;
gap: 10px; gap: 10px;