Browse Source

Adjust select-all button alignment

pull/2738/head
Jon Crall 7 months ago
parent
commit
88f8b52238
  1. 51
      ErsatzTV/Shared/MediaCardPager.razor

51
ErsatzTV/Shared/MediaCardPager.razor

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

Loading…
Cancel
Save