wrapped link over image grid so it's clickable

This commit is contained in:
BFlat committed 2022-07-25 04:27:57 +01:00
1 parent 841a167e2f
commit 609dfcdca8
3 files changed
+17 -16

No files matched your search

@@ -439,6 +439,7 @@ styles with important tags:
.video-card-title {
font-size: 14px;
color: $white;
}
.video-card-text {
@@ -84,15 +84,15 @@ function ProfileW2lTemplateListFc(props: Props) {
let link = `/w2l/${t.template_token}`;
templateElements.push(
<div className="video-card">
<div className="video-card-body d-flex flex-column">
<h6 className="video-card-title mb-1">Title</h6>
<p className="video-card-text">by NAME</p>
</div>
<Link to={link}>
<Link to={link} className="w-100">
<div className="video-card">
<div className="video-card-body d-flex flex-column">
<h6 className="video-card-title mb-1">Title</h6>
<p className="video-card-text">by NAME</p>
</div>
<img className="video-img" src={url} alt="" />
</Link>
</div>
</div>
</Link>
);
});
@@ -87,15 +87,15 @@ function W2lTemplateListFc(props: Props) {
let link = `/w2l/${t.template_token}`;
templateElements.push(
<div className="video-card">
<div className="video-card-body d-flex flex-column">
<h6 className="video-card-title mb-1">Title</h6>
<p className="video-card-text">by (name))</p>
</div>
<Link to={link}>
<Link to={link} className="w-100">
<div className="video-card">
<div className="video-card-body d-flex flex-column">
<h6 className="video-card-title mb-1">Title</h6>
<p className="video-card-text">by (name))</p>
</div>
<img className="video-img" src={url} alt="" />
</Link>
</div>
</div>
</Link>
);
});