diff --git a/WebApp/Components/Features/Events/Create.razor b/WebApp/Components/Features/Events/Create.razor index 9f8fece..88c4e23 100644 --- a/WebApp/Components/Features/Events/Create.razor +++ b/WebApp/Components/Features/Events/Create.razor @@ -8,12 +8,7 @@ Title="Create" Subtitle="Event" ShowBackButton="true" - BackButtonUrl="/events"> - - Create - Cancel - - + BackButtonUrl="/events" /> @@ -51,6 +46,10 @@ + + Create + Cancel + @code { [SupplyParameterFromForm] diff --git a/WebApp/Components/Features/Events/Edit.razor b/WebApp/Components/Features/Events/Edit.razor index a3770c5..a7e218f 100644 --- a/WebApp/Components/Features/Events/Edit.razor +++ b/WebApp/Components/Features/Events/Edit.razor @@ -15,12 +15,7 @@ Title="Edit" Subtitle="Event" ShowBackButton="true" - BackButtonUrl="/events"> - - Save - Cancel - - + BackButtonUrl="/events" /> @@ -58,6 +53,11 @@ + + Save + Cancel + + @code { [SupplyParameterFromQuery] private int Id { get; set; } diff --git a/WebApp/Components/Features/Students/Create.razor b/WebApp/Components/Features/Students/Create.razor index bade1ee..eee8bd3 100644 --- a/WebApp/Components/Features/Students/Create.razor +++ b/WebApp/Components/Features/Students/Create.razor @@ -8,12 +8,7 @@ Title="Create" Subtitle="Student" ShowBackButton="true" - BackButtonUrl="/students"> - - Create - Cancel - - + BackButtonUrl="/students" /> @@ -32,6 +27,11 @@ + + Create + Cancel + + @code { [SupplyParameterFromForm] private Student Student { get; set; } = new() { TsaYear = 1 }; diff --git a/WebApp/Components/Features/Students/Edit.razor b/WebApp/Components/Features/Students/Edit.razor index 0116d6c..42152e4 100644 --- a/WebApp/Components/Features/Students/Edit.razor +++ b/WebApp/Components/Features/Students/Edit.razor @@ -15,12 +15,7 @@ Title="Edit Student" Subtitle="@($"{Student.FirstNameLastName}")" ShowBackButton="true" - BackButtonUrl="@(ReturnUrl ?? "/students")"> - - Save - Cancel - - + BackButtonUrl="@(ReturnUrl ?? "/students")" /> @* https://www.mudblazor.com/components/form *@ @* https://medium.com/@husainalbar/applying-mudblazor-for-crud-operations-in-our-blazor-project-a343037a52ef *@ @@ -52,6 +47,11 @@ + + Save + Cancel + + @code { [SupplyParameterFromQuery] private int Id { get; set; } diff --git a/WebApp/Components/Features/Teams/Create.razor b/WebApp/Components/Features/Teams/Create.razor index 688dd6a..e9bd952 100644 --- a/WebApp/Components/Features/Teams/Create.razor +++ b/WebApp/Components/Features/Teams/Create.razor @@ -15,12 +15,7 @@ Title="Create" Subtitle="Team" ShowBackButton="true" - BackButtonUrl="/teams"> - - Add - Cancel - - + BackButtonUrl="/teams" /> @@ -70,6 +65,11 @@ } + + Add + Cancel + + @code { [SupplyParameterFromForm] private Team Team { get; set; } = new(); diff --git a/WebApp/Components/Features/Teams/Edit.razor b/WebApp/Components/Features/Teams/Edit.razor index 3719c07..ceafc2f 100644 --- a/WebApp/Components/Features/Teams/Edit.razor +++ b/WebApp/Components/Features/Teams/Edit.razor @@ -14,12 +14,7 @@ - - Save - Cancel - - + BackButtonUrl="/teams" /> @@ -41,6 +36,11 @@ + + Save + Cancel + + @code { [SupplyParameterFromQuery] private int Id { get; set; } diff --git a/WebApp/Components/Shared/Components/FormActions.razor b/WebApp/Components/Shared/Components/FormActions.razor new file mode 100644 index 0000000..81a4e87 --- /dev/null +++ b/WebApp/Components/Shared/Components/FormActions.razor @@ -0,0 +1,10 @@ +@namespace WebApp.Components.Shared.Components +@using MudBlazor + +
+ @ChildContent +
+ +@code { + [Parameter] public RenderFragment? ChildContent { get; set; } +} diff --git a/WebApp/wwwroot/app.css b/WebApp/wwwroot/app.css index 4d2bebd..14662b3 100644 --- a/WebApp/wwwroot/app.css +++ b/WebApp/wwwroot/app.css @@ -118,4 +118,12 @@ h1:focus { display: flex; gap: 0.5rem; align-items: center; +} + +.form-actions { + display: flex; + gap: 0.5rem; + align-items: center; + margin-top: 1.5rem; + margin-bottom: 1rem; } \ No newline at end of file