Adjust style for settings pages

matte-ek · Jul 29, 2023 · 26c0041 · 26c0041
1 parent 99eb4b0
commit 26c0041
Show file tree

Hide file tree

Showing 6 changed files with 34 additions and 45 deletions.
diff --git a/BanchoMultiplayerBot.Host.Web/Pages/Dialogs/AddMapBanDialog.razor b/BanchoMultiplayerBot.Host.Web/Pages/Dialogs/AddMapBanDialog.razor
@@ -8,6 +8,7 @@
         </MudText>
     </TitleContent>
     <DialogContent>
+        <MudText>You can use either a beatmap set id or a beatmap id.</MudText>
         <MudTextField @bind-Value="MapBan.BeatmapId" Label="Map Id" Required="false"/>
         <MudTextField @bind-Value="MapBan.BeatmapSetId" Label="Map Set Id" Required="false"/>
     </DialogContent>

diff --git a/BanchoMultiplayerBot.Host.Web/Pages/Index.razor b/BanchoMultiplayerBot.Host.Web/Pages/Index.razor
@@ -22,7 +22,7 @@
 }
 
 <MudGrid Justify="Justify.FlexStart" Class="mt-2">
-    <MudItem xs="12" sm="3">
+    <MudItem xs="12" sm="6">
         <MudCard>
             <MudCardContent>
                 <MudText Typo="Typo.body2">Bancho Connection</MudText>
@@ -46,14 +46,6 @@
             </MudCardContent>
         </MudCard>
     </MudItem>
-    <MudItem xs="12" sm="3">
-        <MudCard>
-            <MudCardContent>
-                <MudText Typo="Typo.body2">Games Played</MudText>
-                <MudText Typo="Typo.h4">@_gamesPlayed</MudText>
-            </MudCardContent>
-        </MudCard>
-    </MudItem>
 </MudGrid>
 
 <MudPaper Class="pa-4 mt-4">

diff --git a/BanchoMultiplayerBot.Host.Web/Pages/SettingsPages/AdministratorsSettings.razor b/BanchoMultiplayerBot.Host.Web/Pages/SettingsPages/AdministratorsSettings.razor
@@ -13,32 +13,32 @@
 <MudText Typo="Typo.h4" GutterBottom="true">Administrators</MudText>
 
 <MudForm @ref="_form">
-    <MudPaper Class="pa-8 ma-2">
-        <MudTable Class="pa-0 ma-2" Items="@_administrators" T="User" Hover="true" Breakpoint="Breakpoint.Sm">
-            <ColGroup>
-                <col style="width: 70%;" />
-                <col style="width: 120px;" />
-            </ColGroup>
-            <HeaderContent>
-                <MudTh>Name</MudTh>
-                <MudTh>Options</MudTh>
-            </HeaderContent>
-            <RowTemplate>
-                <MudTd DataLabel="Name">@context.Name</MudTd>
-                <MudTd DataLabel="Options"><MudIconButton Icon="@Icons.Material.Filled.Delete" Title="Remove" OnClick="(() => OnRemoveEntryPressed(context))" /></MudTd>
-            </RowTemplate>
-        </MudTable>
-        <MudPaper Class="pa-0 ma-2" Elevation="0">
-            <MudButton Variant="Variant.Outlined" Color="Color.Primary" OnClick="@OnAddAdministratorPressed">Add New</MudButton>
-        </MudPaper>
+    <MudTable Class="pa-0 ma-2" Items="@_administrators" T="User" Hover="true" Breakpoint="Breakpoint.Sm">
+        <ColGroup>
+            <col style="width: 70%;"/>
+            <col style="width: 120px;"/>
+        </ColGroup>
+        <HeaderContent>
+            <MudTh>Name</MudTh>
+            <MudTh>Options</MudTh>
+        </HeaderContent>
+        <RowTemplate>
+            <MudTd DataLabel="Name">@context.Name</MudTd>
+            <MudTd DataLabel="Options">
+                <MudIconButton Icon="@Icons.Material.Filled.Delete" Title="Remove" OnClick="(() => OnRemoveEntryPressed(context))"/>
+            </MudTd>
+        </RowTemplate>
+    </MudTable>
+    <MudPaper Class="pa-4 ma-2">
+        <MudButton Variant="Variant.Text" Color="Color.Primary" OnClick="@OnAddAdministratorPressed">Add New</MudButton>
     </MudPaper>
 </MudForm>
 
 @code {
     private MudForm? _form;
     private DialogOptions _maxWidthOptions = new DialogOptions() { MaxWidth = MaxWidth.Medium, FullWidth = true };
 
-    private List<User> _administrators = new(); 
+    private List<User> _administrators = new();
 
     private async Task OnRemoveEntryPressed(User entry)
     {
@@ -89,7 +89,7 @@
             .AsNoTracking()
             .ToListAsync();
     }
-    
+
     protected override async void OnInitialized()
     {
         await LoadAdministrators();
@@ -98,4 +98,5 @@
     public void Dispose()
     {
     }
+
 }
diff --git a/BanchoMultiplayerBot.Host.Web/Pages/SettingsPages/AnnouncementsSettings.razor b/BanchoMultiplayerBot.Host.Web/Pages/SettingsPages/AnnouncementsSettings.razor
@@ -9,12 +9,9 @@
 
 <PageTitle>Settings</PageTitle>
 
-<MudText Typo="Typo.h3" GutterBottom="true">Announcements</MudText>
-
+<MudText Typo="Typo.h4" GutterBottom="true">Announcements</MudText>
 <MudForm @ref="_form">
-    <MudPaper Class="pa-8 ma-2">
-        <MudText Typo="Typo.h6" GutterBottom="true">Scheduled Announcements</MudText>
-        <MudTable Class="pa-0 ma-2" Items="@Bot.AnnouncementManager.Announcements" Hover="true" Breakpoint="Breakpoint.Sm">
+    <MudTable Class="pa-0 ma-2" Items="@Bot.AnnouncementManager.Announcements" Hover="true" Breakpoint="Breakpoint.Sm">
             <ColGroup>
                 <col style="width: 50%;" />
                 <col style="width: 40px;" />
@@ -31,14 +28,12 @@
                 <MudTd DataLabel="Options"><MudIconButton Icon="@Icons.Material.Filled.Settings" Title="Configure" OnClick="(() => OnConfigureAnnouncementPressed(context))" /><MudIconButton Icon="@Icons.Material.Filled.Delete" Title="Remove" OnClick="(() => OnRemoveAnnouncementPressed(context))" /></MudTd>
             </RowTemplate>
         </MudTable>
-        <MudPaper Class="pa-0 ma-2" Elevation="0">
-            <MudButton Variant="Variant.Outlined" Color="Color.Primary" OnClick="@OnAddAnnouncementPressed">Add New</MudButton>
+        <MudPaper Class="pa-4 ma-2">
+            <MudButton Variant="Variant.Text" Color="Color.Primary" OnClick="@OnAddAnnouncementPressed">Add New</MudButton>
         </MudPaper>
-    </MudPaper>
 </MudForm>
-
-<MudPaper Class="pa-8 ma-2">
-    <MudText Typo="Typo.h6" GutterBottom="true">Manual Announcement</MudText>
+<MudPaper Class="pa-8 ma-2 mt-8">
+    <MudText Typo="Typo.h5" GutterBottom="true">Manual Announcement</MudText>
     <MudTextField @bind-Value="_announcementMessage" T="string" Label="Message" Variant="Variant.Filled" Style="width: 50%"/>
     <MudButton Variant="Variant.Outlined" Color="Color.Primary" Class="mt-2" OnClick="@OnAnnouncementSendPressed">Send</MudButton>
 </MudPaper>

diff --git a/BanchoMultiplayerBot.Host.Web/Pages/SettingsPages/MapBansSettings.razor b/BanchoMultiplayerBot.Host.Web/Pages/SettingsPages/MapBansSettings.razor
@@ -29,8 +29,8 @@
             </MudTd>
         </RowTemplate>
     </MudTable>
-    <MudPaper Class="pa-2 ma-2">
-        <MudButton Variant="Variant.Outlined" Color="Color.Primary" OnClick="@AddBan">Add New</MudButton>
+    <MudPaper Class="pa-4 ma-2">
+        <MudButton Variant="Variant.Text" Color="Color.Primary" OnClick="@AddBan">Add New</MudButton>
     </MudPaper>
 </MudForm>
 

diff --git a/BanchoMultiplayerBot.Host.Web/Pages/SettingsPages/PlayerBanSettings.razor b/BanchoMultiplayerBot.Host.Web/Pages/SettingsPages/PlayerBanSettings.razor
@@ -29,7 +29,7 @@
             <MudTh>Options</MudTh>
         </HeaderContent>
         <RowTemplate>
-            <MudTd DataLabel="Name">@context.User.Name</MudTd>
+            <MudTd DataLabel="Name"><MudLink Color="Color.Default" Href=@($"https://osu.ppy.sh/users/{context.User.Name}")>@context.User.Name</MudLink></MudTd>
             <MudTd DataLabel="Is Host Ban">@(context.HostBan ? "Yes" : "No")</MudTd>
             <MudTd DataLabel="Expire">@(context.Expire?.ToLongDateString() ?? "N/A")</MudTd>
             <MudTd DataLabel="Reason">@(context.Reason ?? "N/A")</MudTd>
@@ -38,8 +38,8 @@
             </MudTd>
         </RowTemplate>
     </MudTable>
-    <MudPaper Class="pa-2 ma-2">
-        <MudButton Variant="Variant.Outlined" Color="Color.Primary" OnClick="@AddBan">Add New</MudButton>
+    <MudPaper Class="pa-4 ma-2">
+        <MudButton Variant="Variant.Text" Color="Color.Primary" OnClick="@AddBan">Add New</MudButton>
     </MudPaper>
 </MudForm>