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])
|
}, [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>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
@ -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;
|
||||||
|
Loading…
Reference in New Issue
Block a user