Browse Source

Keep pager centered and move select-all right

pull/2738/head
Jon Crall 7 months ago
parent
commit
9dcde6ccce
  1. 33
      ErsatzTV/Shared/MediaCardPager.razor

33
ErsatzTV/Shared/MediaCardPager.razor

@ -44,7 +44,22 @@ @@ -44,7 +44,22 @@
<div style="flex: 1">
<MudText Class="d-none d-md-flex">@Query</MudText>
</div>
<div style="display: flex; align-items: center; margin-left: auto; gap: 12px">
<div style="display: flex; justify-content: center;">
<MudPaper Style="align-items: center; display: flex; justify-content: center;">
<MudIconButton Icon="@Icons.Material.Outlined.ChevronLeft"
OnClick="@PrevPage"
Disabled="@(PageNumber <= 1)">
</MudIconButton>
<MudText Style="flex-grow: 1"
Align="Align.Center">
@PaddedString(Math.Min((PageNumber - 1) * PageSize + 1, TotalCount), TotalCount) - @PaddedString(Math.Min(TotalCount, PageNumber * PageSize), TotalCount) of @TotalCount
</MudText>
<MudIconButton Icon="@Icons.Material.Outlined.ChevronRight"
OnClick="@NextPage" Disabled="@(PageNumber * PageSize >= TotalCount)">
</MudIconButton>
</MudPaper>
</div>
<div style="flex: 1; display: flex; justify-content: flex-end;">
@if (SelectAllOnPage is not null)
{
<MudButton Variant="Variant.Filled"
@ -55,23 +70,7 @@ @@ -55,23 +70,7 @@
Select All
</MudButton>
}
<div>
<MudPaper Style="align-items: center; display: flex; justify-content: center;">
<MudIconButton Icon="@Icons.Material.Outlined.ChevronLeft"
OnClick="@PrevPage"
Disabled="@(PageNumber <= 1)">
</MudIconButton>
<MudText Style="flex-grow: 1"
Align="Align.Center">
@PaddedString(Math.Min((PageNumber - 1) * PageSize + 1, TotalCount), TotalCount) - @PaddedString(Math.Min(TotalCount, PageNumber * PageSize), TotalCount) of @TotalCount
</MudText>
<MudIconButton Icon="@Icons.Material.Outlined.ChevronRight"
OnClick="@NextPage" Disabled="@(PageNumber * PageSize >= TotalCount)">
</MudIconButton>
</MudPaper>
</div>
</div>
</div>
}
</div>

Loading…
Cancel
Save