alvaro/lol-analytics
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update "wins / total games" text size
Some checks are pending
ci / docker (push) Waiting to run
Details

Browse Source
This commit is contained in:
Álvaro 2024-06-16 15:05:23 +02:00
parent 036c0cdd5b
commit 1414439ceb
3 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/lol_analytics_web/lib/lol_analytics_web/components/champion_components/champion_card.ex
View File

@ -1,5 +1,5 @@
defmodule LolAnalyticsWeb.ChampionComponents.ChampionCard.Props do defmodule LolAnalyticsWeb.ChampionComponents.ChampionCard.Props do
defstruct [:id, :win_rate, :image, :name, :team_position, :wins, :total_games] defstruct [:id, :win_rate, :image, :name, :team_position, :patch_number, :wins, :total_games]
end end
defmodule LolAnalyticsWeb.ChampionComponents.ChampionCard do defmodule LolAnalyticsWeb.ChampionComponents.ChampionCard do
@ -11,7 +11,7 @@ defmodule LolAnalyticsWeb.ChampionComponents.ChampionCard do
def champion_card(assigns) do def champion_card(assigns) do
~H""" ~H"""
<.link patch={"/champions/#{@props.id}?team-position=#{@props.team_position}"}> <.link patch={"/champions/#{@props.id}?team-position=#{@props.team_position}&patch=#{@props.patch_number}"}>
<div class="flex flex-col rounded-xl bg-clip-border overflow-hidden bg-gray-200"> <div class="flex flex-col rounded-xl bg-clip-border overflow-hidden bg-gray-200">
<div class="flex flex-col flex-col-reverse"> <div class="flex flex-col flex-col-reverse">
<div class="flex w-auto px-4 py-1 opacity-80 gap-2 absolute z-10 align-bottom bg-black"> <div class="flex w-auto px-4 py-1 opacity-80 gap-2 absolute z-10 align-bottom bg-black">
@ -23,7 +23,7 @@ defmodule LolAnalyticsWeb.ChampionComponents.ChampionCard do
<div class="py-1" /> <div class="py-1" />
<div class="pl-2"> <div class="pl-2">
<h3>Win rate: <%= @props.win_rate %></h3> <h3>Win rate: <%= @props.win_rate %></h3>
<h3>Wins: <%= @props.wins %> / <%= @props.total_games %></h3> <p class="text-xs">Wins: <%= @props.wins %> / <%= @props.total_games %></p>
</div> </div>
<div class="py-1" /> <div class="py-1" />
</div> </div>

2
apps/lol_analytics_web/lib/lol_analytics_web/components/champion_components/items.ex
View File

@ -12,7 +12,7 @@ defmodule LolAnalyticsWeb.ChampionComponents.Items do
<img src={item.image} /> <img src={item.image} />
<%!-- <p><%= item.name %></p> --%> <%!-- <p><%= item.name %></p> --%>
<p><%= item.win_rate %>%</p> <p><%= item.win_rate %>%</p>
<p><%= item.wins %>/<%= item.total_games %></p> <p class="text-xs"><%= item.wins %>/<%= item.total_games %></p>
</div> </div>
<span class="tooltip -mt-8 py-2 px-4 rounded-xl"><%= item.name %></span> <span class="tooltip -mt-8 py-2 px-4 rounded-xl"><%= item.name %></span>
</div> </div>

2
apps/lol_analytics_web/lib/lol_analytics_web/components/champion_components/summoner_spells.ex
View File

@ -10,7 +10,7 @@ defmodule LolAnalyticsWeb.ChampionComponents.SummonerSpells do
<div clas="flex flex-col gap-1"> <div clas="flex flex-col gap-1">
<img src={spell.image} /> <img src={spell.image} />
<p><%= spell.win_rate %>%</p> <p><%= spell.win_rate %>%</p>
<p><%= spell.wins %>/<%= spell.total_games %></p> <p class="text-xs"><%= spell.wins %>/<%= spell.total_games %></p>
</div> </div>
<div class="tooltip -my-8 px-4 py-2 rounded-xl"> <div class="tooltip -my-8 px-4 py-2 rounded-xl">
<p><%= spell.name %></p> <p><%= spell.name %></p>