show evolutions as well
All checks were successful
Build and Deploy / Build & Push Image (push) Successful in 31s
All checks were successful
Build and Deploy / Build & Push Image (push) Successful in 31s
This commit is contained in:
@@ -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} />
|
||||
|
||||
Reference in New Issue
Block a user