diff --git a/layouts/reviews/single.html b/layouts/reviews/single.html index 3581658..7a542c0 100644 --- a/layouts/reviews/single.html +++ b/layouts/reviews/single.html @@ -4,6 +4,11 @@ {{ if .Params.image }}
Poster + {{ if .Params.favorite }} +
+ {{ partial "star.html" }} +
+ {{end}}
{{ end }}

{{- .Title -}}

diff --git a/static/review.css b/static/review.css index 529a2c4..0833521 100644 --- a/static/review.css +++ b/static/review.css @@ -19,6 +19,7 @@ } .review-poster { + position: relative; aspect-ratio: 1/1; flex-basis: 200px; max-width: 200px; @@ -32,3 +33,13 @@ height: 100%; 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%; +}