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

View File

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