Commit bcf79c6f authored by Jarek Ostrowski's avatar Jarek Ostrowski

Change style of showing a site has reviews

parent defa546f
Pipeline #64112992 passed with stage
in 4 minutes
......@@ -15,13 +15,14 @@
</div>
<div class="betas-container">
<a *ngFor="let beta of filteredBetas | slice:0:sliceNumber; let i=index" class="beta" [href]="'/posts/' + beta?._id">
<div *ngIf="beta?.reviews.length" class="review-count-container flex-container justify-center align-center">
<p class="review-count">{{ beta?.reviews.length }}</p>
</div>
<div class="beta-thumbnail" [style.background]="getBetaThumbnail(beta?.thumbnail) | safeStyle"></div>
<div class="beta-info">
<div class="flex-container space-between align-center">
<div class="flex-container align-center">
<h3 class="beta-name">{{ beta?.name }}</h3>
<div *ngIf="beta?.reviews.length" class="review-count-container flex-container justify-center align-center">
<img src="assets/img/message-circle.svg" alt="Review count svg">
<!-- <p class="review-count">{{ beta?.reviews.length }}</p> -->
</div>
</div>
<p class="beta-description">{{ beta?.description }}</p>
<!-- <div class="beta-user flex-container align-center">
......
......@@ -138,15 +138,15 @@
margin-top: 4px;
}
.review-count-container {
position: absolute;
right: -11px;
top: -11px;
width: 30px;
height: 30px;
padding: 8px;
margin-left: 8px;
border-radius: $borderRadiusCircle;
background: $red;
color: white;
font-size: .8em;
background: $lightGray;
font-size: .7em;
img {
height: 16px;
}
}
.beta-user {
margin-top: 20px;
......
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-message-circle"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path></svg>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment