few more tints.

db9b870 · gmorell · 2025-08-26 04:34

7 files +17 -0

Files changed

modified apps/room_sanctum/lib/room_sanctum_web/live/cfg_source_live/show.html.heex
+17 −0
@@ -232,6 +232,23 @@ current_user={@current_user}
232 232 <div class="flex flex-wrap gap-2">
233 233 <%= for q <- @queries do %>
234 234 <%= live_patch to: Routes.query_show_path(@socket, :show, q.id), class: "btn btn-primary float-left" do %>
235 + <%= cond do %>
236 + <% q.meta && q.meta.tint && q.source.meta.tint -> %>
237 + <!-- Both query and source tints - use fa-stack -->
238 + <span class="fa-stack">
239 + <i class={"fa-solid fa-circle fa-fw fa-stack-1x z-30 text-#{q.source.meta.tint}-500"}></i>
240 + <i class={"fa-solid fa-circle fa-fw z-40 fa-stack-1x text-#{q.meta.tint}-500"} data-fa-transform="shrink-3 right-4"></i>
241 +
242 + </span>
243 + <% q.meta && q.meta.tint -> %>
244 + <!-- Query tint only -->
245 + <i class={"fa-solid fa-circle-half-stroke fa-spin fa-fw text-#{q.meta.tint}-500"}></i>
246 + <% q.source.meta.tint -> %>
247 + <!-- Source tint only -->
248 + <i class={"fa-solid fa-circle text-#{q.source.meta.tint}-500"}></i>
249 + <% true -> %>
250 + <!-- No tints -->
251 + <% end %>
235 252 <i class={"fas #{get_icon(q.source.type)}"}></i>&emsp;<%= q.name %>
236 253 <% end %>
237 254 <% end %>

Parents: c56cc40