bobbby.online
blonk is a radar for your web, where you follow vibes for cool blips on the radar
wip
+6
-2
+2
-2
lib/elixir_blonk_web/live/gif_scan_live/index.html.heex
+2
-2
lib/elixir_blonk_web/live/gif_scan_live/index.html.heex
···
52
52
53
53
<!-- Text Overlay -->
54
54
<%= if text && String.trim(text) != "" do %>
55
-
<div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black via-black to-transparent text-white p-3 text-xs opacity-0 group-hover:opacity-100 transition-all duration-300 transform translate-y-2 group-hover:translate-y-0">
56
-
<%= text %>
55
+
<div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black via-black to-transparent text-white p-6 text-3xl font-bold leading-tight opacity-0 group-hover:opacity-100 transition-all duration-300 transform translate-y-4 group-hover:translate-y-0">
56
+
<%= String.slice(text, 0, 160) %><%= if String.length(text) > 160, do: "..." %>
57
57
</div>
58
58
<% end %>
59
59
</div>