CaAlden/film
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add favorited star to the review page

Browse source
This commit is contained in:
Campbell Alden 2022-09-02 18:24:12 +09:00
parent aba362a6d2
commit 858c725bac
2 changed files with 16 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

5
layouts/reviews/single.html
View file

@ -4,6 +4,11 @@
{{ if .Params.image }} {{ if .Params.image }}
<div class="review-poster"> <div class="review-poster">
<img src={{.Params.image}} alt="Poster"> <img src={{.Params.image}} alt="Poster">
{{ if .Params.favorite }}
<div class="review-favorite">
{{ partial "star.html" }}
</div>
{{end}}
</div> </div>
{{ end }} {{ end }}
<h1>{{- .Title -}}</h1> <h1>{{- .Title -}}</h1>

11
static/review.css
View file

@ -19,6 +19,7 @@
} }
.review-poster { .review-poster {
position: relative;
aspect-ratio: 1/1; aspect-ratio: 1/1;
flex-basis: 200px; flex-basis: 200px;
max-width: 200px; max-width: 200px;
@ -32,3 +33,13 @@
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
} }
.review-favorite {
position: absolute;
display: flex;
right: 10px;
top: 10px;
padding: 10px;
background: rgba(255,255,255,0.25);
border-radius: 100%;
}