feat: player info layout

This commit is contained in:
Mikhail Shabanov committed 2022-05-04 16:29:29 +02:00
1 parent a4d166e406
commit 17dd2c833c
3 files changed
+82 -38

No files matched your search

@@ -1,10 +1,9 @@
@using WotBlitzStatisticsPro.Blazor.Helpers
@inject IStringLocalizer<App> Localize;
<RadzenCard>
<div class="row">
<div class="col-md-3 col-lg-3">
<table class="table" width="230px">
<RadzenCard class="m-3" style="width: 350px;">
<table class="table" width="100%">
<tbody>
<tr>
<td>@Localize["Battles"]:</td>
@@ -34,37 +33,57 @@
</tr>
</tbody>
</table>
</div>
<div class="col-md-3 col-lg-3 align-items-center d-flex">
<div style="width: 120px; margin: 3px;">
@Localize["Most effective tank"]:
</div>
@if (MostRelevantTank != null)
{
<TankCard Tank=@MostRelevantTank></TankCard>
}
</div>
<div class="col-md-3 col-lg-3 align-items-center d-flex">
<div style="width: 100px; margin: 3px;">
@Localize["Tank with Max XP"] (@AccountInfo.MaxXp.ToString("N0")):
</div>
@if (MaxXpTank != null)
{
<TankCard Tank=@MaxXpTank></TankCard>
}
</div>
<div class="col-md-3 col-lg-3 align-items-center d-flex">
<div style="width: 100px; margin: 3px;">
@Localize["Tank with Max frags"] (@AccountInfo.MaxFrags):
</div>
</RadzenCard>
<RadzenCard class="m-3" style="width: 350px;">
<h3 class="h5">@Localize["Most effective tank"]</h3>
<div class="row">
<div class="col col-sm col-md col-lg col-xl">
</div>
<div class="col col-sm col-md col-lg col-xl">
@if (MostRelevantTank != null)
{
<TankCard Tank=@MostRelevantTank></TankCard>
}
</div>
<div class="col col-sm col-md col-lg col-xl">
</div>
@if (MaxFragsTank != null)
{
<TankCard Tank=@MaxFragsTank></TankCard>
}
</div>
</div>
</RadzenCard>
<RadzenCard class="m-3" style="width: 350px;">
<h3 class="h5">@Localize["Tank with Max XP"] (@AccountInfo.MaxXp.ToString("N0"))</h3>
<div class="row">
<div class="col col-sm col-md col-lg col-xl">
</div>
<div class="col col-sm col-md col-lg col-xl">
@if (MaxXpTank != null)
{
<TankCard Tank=@MaxXpTank></TankCard>
}
</div>
<div class="col col-sm col-md col-lg col-xl">
</div>
</div>
</RadzenCard>
<RadzenCard class="m-3" style="width: 350px;">
<h3 class="h5">@Localize["Tank with Max frags"] (@AccountInfo.MaxFrags)</h3>
<div class="row">
<div class="col col-sm col-md col-lg col-xl">
</div>
<div class="col col-sm col-md col-lg col-xl">
@if (MaxFragsTank != null)
{
<TankCard Tank=@MaxFragsTank></TankCard>
}
</div>
<div class="col col-sm col-md col-lg col-xl">
</div>
</div>
</RadzenCard>
</div>
</RadzenCard>
@code {
[Parameter]