TSA/chapter-organizer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor MudPaper component styling across various features for consistency

Browse Source 
Updated the MudPaper component styling in multiple files to use a consistent padding class of "pa-3 pa-md-6" instead of "pa-6". This change enhances the visual consistency of the UI across the Calendar, Events, Students, and Teams components, improving the overall user experience.
This commit is contained in:
poprhythm
2026-01-05 14:01:46 -05:00
parent 2aaefb2491
commit 87db67f979
23 changed files with 115 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files
WebApp/Components/Features/Teams/Assignment.razor
+2 -2
View File
@@ -21,7 +21,7 @@
</ActionButtons>
</PageHeader>
<MudPaper Elevation="2" Class="pa-6 mt-4">
<MudPaper Elevation="2" Class="pa-3 pa-md-6 mt-4">
<MudGrid>
<MudItem Style="width:160px;">
<MudNumericField @bind-Value="_parameters.TeamSizeLimit"
@@ -117,7 +117,7 @@
<MudButton Class="ma-3" OnClick="Solve" Variant="Variant.Filled" Color="Color.Primary" Disabled="@_isSolving">Solve</MudButton>
</MudPaper>
<MudPaper Elevation="2" Class="pa-6 mt-4">
<MudPaper Elevation="2" Class="pa-3 pa-md-6 mt-4">
<MudGrid>
<MudItem xs="12" lg="8">
<MudText Typo="Typo.h5" Class="mb-4">Students</MudText>
WebApp/Components/Features/Teams/Components/TeamStudents.razor
+32 -30
View File
@@ -1,35 +1,37 @@
@using WebApp.Models
@foreach (var student in
Team.Students
.OrderBy(e =>
e.EventRankings
.Find(er => er.EventDefinition == Team.Event)?.Rank ?? 10)
.ThenBy(s => s.Grade + s.TsaYear))
{
var eventRank =
student.EventRankings
.Find(e => e.EventDefinition == Team.Event)?.Rank;
var color = AppIcons.RankedEventColor(eventRank ?? 0);
var captain = Team.Captain != null && Team.Captain.Equals(student);
var rankLabel = eventRank.HasValue ? $"Rank {eventRank}" : "Unranked";
<div class="d-flex flex-wrap" style="gap: 0.25rem;">
@foreach (var student in
Team.Students
.OrderBy(e =>
e.EventRankings
.Find(er => er.EventDefinition == Team.Event)?.Rank ?? 10)
.ThenBy(s => s.Grade + s.TsaYear))
{
var eventRank =
student.EventRankings
.Find(e => e.EventDefinition == Team.Event)?.Rank;
var color = AppIcons.RankedEventColor(eventRank ?? 0);
var captain = Team.Captain != null && Team.Captain.Equals(student);
var rankLabel = eventRank.HasValue ? $"Rank {eventRank}" : "Unranked";
<MudTooltip Text="@rankLabel">
<MudChip T="string"
Size="Size.Medium"
Variant="Variant.Outlined"
Class="mx-1 my-1">
@if (eventRank.HasValue)
{
<span style="@($"display: inline-block; width: 12px; height: 12px; border-radius: 50%; background-color: {color}; margin-right: 6px;")")></span>
}
@student.FirstName
@if (captain && Team.Event.EventFormat != EventFormat.Individual)
{
<MudIcon Icon="@AppIcons.Captain" Size="Size.Small" Style="margin-left: 4px;" />
}
</MudChip>
</MudTooltip>
}
<MudTooltip Text="@rankLabel">
<MudChip T="string"
Size="Size.Medium"
Variant="Variant.Outlined"
Class="mx-1 my-1">
@if (eventRank.HasValue)
{
<span style="@($"display: inline-block; width: 12px; height: 12px; border-radius: 50%; background-color: {color}; margin-right: 6px;")")"></span>
}
@student.FirstName
@if (captain && Team.Event.EventFormat != EventFormat.Individual)
{
<MudIcon Icon="@AppIcons.Captain" Size="Size.Small" Style="margin-left: 4px;" />
}
</MudChip>
</MudTooltip>
}
</div>
@code {
[Parameter]
WebApp/Components/Features/Teams/Create.razor
+1 -1
View File
@@ -30,7 +30,7 @@
<MudGrid>
<MudItem xs="12" sm="7">
<MudPaper Elevation="2" Class="pa-6">
<MudPaper Elevation="2" Class="pa-3 pa-md-6">
<MudSelect T="EventDefinition" Value="@Team.Event" ValueChanged="OnEventChanged" Label="Event">
@foreach (var evt in _events)
WebApp/Components/Features/Teams/Details.razor
+1 -1
View File
@@ -29,7 +29,7 @@
</ActionButtons>
</PageHeader>
<MudPaper Elevation="2" Class="pa-6">
<MudPaper Elevation="2" Class="pa-3 pa-md-6">
<MudText Typo="Typo.h5" Class="mb-4">Team Information</MudText>
<MudGrid Spacing="3">
<MudItem xs="12" sm="6">
WebApp/Components/Features/Teams/Edit.razor
+1 -1
View File
@@ -29,7 +29,7 @@
<MudGrid>
<MudItem xs="12" sm="7">
<MudPaper Elevation="2" Class="pa-6">
<MudPaper Elevation="2" Class="pa-3 pa-md-6">
<StudentToggleSelector Students="@_students"
@bind-SelectedStudents="_selectedStudents"
Title="Students"
WebApp/Components/Features/Teams/Goals.razor
+1 -1
View File
@@ -16,7 +16,7 @@
}
else
{
<MudPaper Elevation="2" Class="pa-6">
<MudPaper Elevation="2" Class="pa-3 pa-md-6">
@foreach (var student in _students)
{
<MudContainer Class="pagebreak">
WebApp/Components/Features/Teams/Index.razor
+1 -1
View File
@@ -21,7 +21,7 @@
</ActionButtons>
</PageHeader>
<MudPaper Elevation="2" Class="pa-6">
<MudPaper Elevation="2" Class="pa-3 pa-md-6">
<MudDataGrid T="Team"
ServerData="ServerReload"
@ref="_dataGrid"