Display number of boosts on a splat

2024-08-19 15:56:53 -05:00
parent 40dcf9883f
commit f39b58040b
2 changed files with 13 additions and 0 deletions
@@ -79,6 +79,15 @@
    color: var(--splat-color);
  }

+  &.splat__boosts {
+    aspect-ratio: 1;
+    inset: 50cqi -1cqi auto auto;
+
+    .windshield .splat:hover & {
+      transform: translate(0, 1rem) !important;
+    }
+  }
+
  &.splat__category {
    inset: auto auto 10cqi -3cqi;

@@ -20,4 +20,8 @@
      </turbo-frame>
    </span>
  <% end %>
+
+  <% if splat.boosts.any? %>
+    <div class="splat__bubble splat__meta splat__boosts"><%= splat.boosts.size %></div>
+  <% end %>
 </div>