Taiko_Stuff/TaikoLocalServer
1
0
Fork 0
mirror of synced 2025-02-22 05:19:38 +01:00
Code Releases Activity

Fixed MudTable layout on mobile

Browse Source 
Currently making it horizontally scrollable. While this is not ideal it allows using the UI on mobile at all.
This commit is contained in:
Farewell_ 2024-06-05 15:07:24 +02:00
parent 741962d8bd
commit 27f61f2535
5 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
TaikoWebUI/Components/Song/PlayHistoryCard.razor
View File

@ -11,7 +11,7 @@
@if (Items.Count > 0) @if (Items.Count > 0)
{ {
<MudCardContent Class="pa-0"> <MudCardContent Class="pa-0">
<MudTable Items="Items" Elevation="0" Striped="true" Dense="true"> <MudTable Items="Items" Elevation="0" Striped="true" Dense="true" Breakpoint=Breakpoint.None>
<HeaderContent> <HeaderContent>
<MudTh> <MudTh>
<MudTableSortLabel InitialDirection="SortDirection.Descending" T="SongHistoryData" SortBy="x => x.PlayTime"> <MudTableSortLabel InitialDirection="SortDirection.Descending" T="SongHistoryData" SortBy="x => x.PlayTime">

2
TaikoWebUI/Components/Song/SongLeaderboardCard.razor
View File

@ -44,7 +44,7 @@
} }
else else
{ {
<MudTable Loading="isLoading" Items="@response.Leaderboard" Class="leaderboard-table" Elevation="0" Outlined="false" Dense="true" Striped="true"> <MudTable Loading="isLoading" Items="@response.Leaderboard" Class="leaderboard-table" Elevation="0" Outlined="false" Dense="true" Striped="true" Breakpoint=Breakpoint.None>
<HeaderContent> <HeaderContent>
<MudTh>@Localizer["Rank"]</MudTh> <MudTh>@Localizer["Rank"]</MudTh>
<MudTh>@Localizer["Player"]</MudTh> <MudTh>@Localizer["Player"]</MudTh>

2
TaikoWebUI/Pages/HighScores.razor
View File

@ -37,7 +37,7 @@
@if (songBestDataMap.TryGetValue(difficulty, out var value)) @if (songBestDataMap.TryGetValue(difficulty, out var value))
{ {
// Rows per page 25 // Rows per page 25
<MudTable Items="@value" Elevation="0" Striped="true" RowsPerPage="25"> <MudTable Items="@value" Elevation="0" Striped="true" RowsPerPage="25" Breakpoint=Breakpoint.None>
<HeaderContent> <HeaderContent>
<MudTh> <MudTh>
<MudText Typo="Typo.body2" Style="font-weight:bold">@Localizer["Song Name"]</MudText> <MudText Typo="Typo.body2" Style="font-weight:bold">@Localizer["Song Name"]</MudText>

4
TaikoWebUI/Pages/PlayHistory.razor
View File

@ -35,7 +35,7 @@
else else
{ {
<MudItem xs="12"> <MudItem xs="12">
<MudTable Items="@songHistoryDataMap.Values.ToList()" Elevation="0" Filter=@FilterSongs Virtualize="true" RowsPerPage="25" Bordered="false" Dense="true"> <MudTable Items="@songHistoryDataMap.Values.ToList()" Elevation="0" Filter=@FilterSongs Virtualize="true" RowsPerPage="25" Bordered="false" Dense="true" Breakpoint=Breakpoint.None>
<ToolBarContent> <ToolBarContent>
<MudGrid Spacing="2" Justify="Justify.SpaceBetween"> <MudGrid Spacing="2" Justify="Justify.SpaceBetween">
<MudItem xs="12" md="4"> <MudItem xs="12" md="4">
@ -69,7 +69,7 @@
</div> </div>
</RowTemplate> </RowTemplate>
<ChildRowContent> <ChildRowContent>
<MudTable Items="@context" T="SongHistoryData" Context="songHistoryData" Elevation="0" Striped="false" Hover="false" ReadOnly="true" Outlined="true" Class="mb-8"> <MudTable Items="@context" T="SongHistoryData" Context="songHistoryData" Elevation="0" Striped="false" Hover="false" ReadOnly="true" Outlined="true" Class="mb-8" Breakpoint=Breakpoint.None>
<HeaderContent> <HeaderContent>
<MudTh>@Localizer["Difficulty"]</MudTh> <MudTh>@Localizer["Difficulty"]</MudTh>
<MudTh>@Localizer["Level"]</MudTh> <MudTh>@Localizer["Level"]</MudTh>

2
TaikoWebUI/Pages/SongList.razor
View File

@ -28,7 +28,7 @@
else else
{ {
<MudItem xs="12"> <MudItem xs="12">
<MudTable Items="musicDetailDictionary.Values" Elevation="0" Outlined="true" Filter="@FilterSongs"> <MudTable Items="musicDetailDictionary.Values" Elevation="0" Outlined="true" Filter="@FilterSongs" Breakpoint=Breakpoint.None>
<ToolBarContent> <ToolBarContent>
<MudGrid Spacing="2"> <MudGrid Spacing="2">
<MudItem xs="12" md="8"> <MudItem xs="12" md="8">