diff --git a/app/assets/stylesheets/splats.css b/app/assets/stylesheets/splats.css index c62cba376..3f6702172 100644 --- a/app/assets/stylesheets/splats.css +++ b/app/assets/stylesheets/splats.css @@ -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; diff --git a/app/views/splats/_splat.html.erb b/app/views/splats/_splat.html.erb index 4348f7f04..8e33b4033 100644 --- a/app/views/splats/_splat.html.erb +++ b/app/views/splats/_splat.html.erb @@ -20,4 +20,8 @@ <% end %> + + <% if splat.boosts.any? %> +
+ <% end %>