LANCommander/LANCommander.Server/UI/Pages/FirstTimeSetup/FirstTimeSetupLayout.razor

@using LANCommander.Server.Data
@inherits LayoutComponentBase
@layout BasicLayout
@inject NavigationManager NavigationManager

<GridRow Align="RowAlign.Middle" Class="ant-row-middle ant-row-space-around" Style="min-height: 100vh; margin-top: -96px;">
    <GridCol Xs="24" Md="10">
        <div style="text-align: center; margin-bottom: 24px;">
            <img src="/static/logo-dark.svg" />
        </div>

        <Card Title="First Time Setup">
            <Steps Current="CurrentStep" Size="StepsSize.Small">
                @foreach (var step in Enum.GetValues(typeof(FirstTimeSetupStep)))
                {
                    <Step Title="@step.ToString()" />
                }
            </Steps>

            <CascadingValue Value="this">
                @Body
            </CascadingValue>
        </Card>
    </GridCol>
</GridRow>

<style>
    .ant-layout-content {
        background: none;
    }
</style>

@code {
    private int CurrentStep = (int)FirstTimeSetupStep.Database;

    internal async Task ChangeCurrentStep(FirstTimeSetupStep step)
    {
        CurrentStep = (int)step;

        await InvokeAsync(StateHasChanged);
    }
}