fix: nested a links in card
This commit is contained in:
parent
c3f60b1e64
commit
e4a7fa4892
@ -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>
|
||||
)
|
||||
}
|
||||
|
@ -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;
|
||||
|
Loading…
Reference in New Issue
Block a user