Add favorited star to the review page

layouts/reviews/single.html

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

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%;
+}