alex/cobblemon-ui
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Alex Mickelson
2026-03-18 20:32:25 -06:00
parent d48f23b022
commit 5184b60e9c
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
lib/cobblemon_ui_web/live/battle_components.ex
View File

@@ -99,23 +99,23 @@ defmodule CobblemonUiWeb.BattleComponents do
</div> </div>
</div> </div>
<%!-- Evolution info for opponent Pokémon --%> <%!-- 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"> <div class="flex items-center gap-1.5 mb-1.5">
<.icon name="hero-arrow-trending-up" class="size-3 text-info/60" /> <.icon name="hero-arrow-trending-up" class="size-3 text-accent/50" />
<span class="text-[10px] uppercase font-semibold tracking-wide text-info/60"> <span class="text-[10px] uppercase font-medium tracking-wider text-base-content/30">
Evolves into Evolves into
</span> </span>
</div> </div>
<div class="flex flex-wrap gap-1.5"> <div class="flex flex-wrap gap-1.5">
<%= for evo <- evos do %> <%= for evo <- evos do %>
<% evo_tier = Map.get(@tier_list, evo, nil) %> <% 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 <img
src={"https://img.rankedboost.com/wp-content/plugins/k-Pokemon/assets/sprites-official/#{evo}.png"} src={"https://img.rankedboost.com/wp-content/plugins/k-Pokemon/assets/sprites-official/#{evo}.png"}
alt={evo} 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} {evo}
</span> </span>
<.tier_badge :if={evo_tier} tier={evo_tier} species={evo} compact={true} /> <.tier_badge :if={evo_tier} tier={evo_tier} species={evo} compact={true} />