Plume/Plume
9
18
Fork 24
Code Issues 177 Pull requests 9 Releases 8 Wiki Activity

Make blog cover a link

Browse source
This commit is contained in:
Kitaiti Makoto 2022-01-03 02:35:04 +09:00
parent 62c0827ff5
commit 905fe54fa3
2 changed files with 13 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
assets/themes/default/_global.scss
View file

@ -219,15 +219,19 @@ p.error {
margin: 20px;
}
.cover-link {
margin: 0;
&:hover {
opacity: 0.9;
}
}
.cover {
min-height: 10em;
background-position: center;
background-size: cover;
margin: 0px;
&:hover {
opacity: 0.9;
}
}
header {
@ -611,4 +615,4 @@ code {
.function{
color:inherit;
}
}
}

5
templates/users/dashboard.rs.html
View file

@ -18,7 +18,10 @@
@for blog in blogs {
<div class="card">
@if blog.banner_id.is_some() {
<div class="cover" style="background-image: url('@Html(blog.banner_url(ctx.0).unwrap_or_default())')"></div>
<a class="cover-link" href="@uri!(blogs::details: name = &blog.actor_id, page = _)">
<div class="cover" style="background-image: url('@Html(blog.banner_url(ctx.0).unwrap_or_default())')">
</div>
</a>
}
<h3><a href="@uri!(blogs::details: name = blog.actor_id, page = _)">@blog.title</a></h3>
<main><p>@Html(blog.summary_html)</p></main>