This commit is contained in:
@@ -46,6 +46,17 @@ defmodule CobblemonUiWeb.PokemonComponents do
|
||||
</div>
|
||||
<div class="flex items-center gap-1 shrink-0">
|
||||
<.tier_badge :if={@tier} tier={@tier} species={@pokemon.species} compact={@compact} />
|
||||
<div
|
||||
:if={!@tier}
|
||||
title="Tier data not downloaded"
|
||||
class={[
|
||||
"inline-flex items-center justify-center font-black rounded leading-none shrink-0",
|
||||
"bg-base-300/20 text-base-content/25 ring-1 ring-base-300/30",
|
||||
if(@compact, do: "text-[9px] w-4 h-4", else: "text-[10px] w-5 h-5")
|
||||
]}
|
||||
>
|
||||
?
|
||||
</div>
|
||||
<div :if={@pokemon.shiny} title="Shiny">
|
||||
<.icon
|
||||
name="hero-sparkles"
|
||||
@@ -126,6 +137,13 @@ defmodule CobblemonUiWeb.PokemonComponents do
|
||||
<h3 class="font-bold text-base-content capitalize text-lg flex items-center gap-2">
|
||||
{@pokemon.species || "Unknown"}
|
||||
<.tier_badge :if={@tier} tier={@tier} species={@pokemon.species} />
|
||||
<span
|
||||
:if={!@tier}
|
||||
class="inline-flex items-center gap-1 text-xs text-base-content/30 font-normal italic"
|
||||
title="Tier data not downloaded"
|
||||
>
|
||||
<.icon name="hero-arrow-down-tray" class="size-3" /> tier unavailable
|
||||
</span>
|
||||
<span :if={@pokemon.shiny} class="text-warning text-sm" title="Shiny">★</span>
|
||||
</h3>
|
||||
<p class="text-xs text-base-content/40">
|
||||
|
||||
Reference in New Issue
Block a user