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

update champion card
All checks were successful
ci / docker (push) Successful in 4m17s
Details

Browse Source
This commit is contained in:
Álvaro 2024-06-09 02:48:45 +02:00
parent 192748bb1d
commit 74a086c855
1 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -13,13 +13,22 @@ defmodule LolAnalyticsWeb.ChampionComponents.ChampionCard do
~H""" ~H"""
<.link patch={"/champions/#{@props.id}"}> <.link patch={"/champions/#{@props.id}"}>
<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">
<img src={"https://ddragon.leagueoflegends.com/cdn/14.11.1/img/champion/#{@props.image}"} /> <div class="flex flex-column overflow-hidden">
<div class="py-2" /> <div class=" px-4 py-1 opacity-80 gap-2 absolute z-10 align-bottom flex mx-auto bg-black w-max">
<div class="flex mx-auto"> <img src={team_position_image(@props.team_position)} class="w-5 h-5" />
<img src={team_position_image(@props.team_position)} class="w-5 h-5" /> <h3 class="text-white"><%= @props.name %></h3>
<h3><%= @props.name %></h3> </div>
<img
class="static w-40 h-40"
src={"https://ddragon.leagueoflegends.com/cdn/14.11.1/img/champion/#{@props.image}"}
/>
</div> </div>
<div class="py-2" /> <div class="py-1" />
<div class="pl-2">
<h3>Win rate: <%= @props.win_rate %></h3>
<h3>Wins: <%= @props.wins %> / <%= @props.total_games %></h3>
</div>
<div class="py-1" />
</div> </div>
</.link> </.link>
""" """