show evolutions as well
All checks were successful
Build and Deploy / Build & Push Image (push) Successful in 31s

This commit is contained in:
2026-03-18 20:32:25 -06:00
parent d48f23b022
commit 5184b60e9c

View File

@@ -99,23 +99,23 @@ defmodule CobblemonUiWeb.BattleComponents do
</div>
</div>
<%!-- Evolution info for opponent Pokémon --%>
<div :if={evos != []} class="mt-2 pt-2 border-t border-base-300/20">
<div :if={evos != []} class="mt-2 pt-2 border-t border-base-content/5">
<div class="flex items-center gap-1.5 mb-1.5">
<.icon name="hero-arrow-trending-up" class="size-3 text-info/60" />
<span class="text-[10px] uppercase font-semibold tracking-wide text-info/60">
<.icon name="hero-arrow-trending-up" class="size-3 text-accent/50" />
<span class="text-[10px] uppercase font-medium tracking-wider text-base-content/30">
Evolves into
</span>
</div>
<div class="flex flex-wrap gap-1.5">
<%= for evo <- evos do %>
<% evo_tier = Map.get(@tier_list, evo, nil) %>
<div class="flex items-center gap-1.5 rounded-md bg-info/5 border border-info/15 px-2 py-1">
<div class="flex items-center gap-1.5 rounded-md bg-base-300/20 px-2 py-1">
<img
src={"https://img.rankedboost.com/wp-content/plugins/k-Pokemon/assets/sprites-official/#{evo}.png"}
alt={evo}
class="w-6 h-6 object-contain"
class="w-6 h-6 object-contain opacity-80"
/>
<span class="text-xs font-semibold text-base-content/70 capitalize">
<span class="text-xs font-semibold text-base-content/50 capitalize">
{evo}
</span>
<.tier_badge :if={evo_tier} tier={evo_tier} species={evo} compact={true} />