Update layout using Radzen
This commit is contained in:
@ -2,10 +2,31 @@
|
||||
|
||||
<RadzenComponents @rendermode="InteractiveServer" />
|
||||
|
||||
@Body
|
||||
<RadzenLayout Style="grid-template-areas: 'rz-sidebar rz-header' 'rz-sidebar rz-body'">
|
||||
<RadzenHeader>
|
||||
<RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" Gap="0">
|
||||
<RadzenSidebarToggle Click="@(() => sidebarExpanded = !sidebarExpanded)" />
|
||||
<RadzenLabel Text="Система автоматической интеграции с ГИС ЖКХ" />
|
||||
</RadzenStack>
|
||||
</RadzenHeader>
|
||||
<RadzenSidebar @bind-Expanded="@sidebarExpanded">
|
||||
<RadzenPanelMenu>
|
||||
<RadzenPanelMenuItem Text="Главная" Icon="home" />
|
||||
</RadzenPanelMenu>
|
||||
</RadzenSidebar>
|
||||
<RadzenBody>
|
||||
<div class="rz-p-4">
|
||||
@Body
|
||||
</div>
|
||||
|
||||
<div id="blazor-error-ui">
|
||||
An unhandled error has occurred
|
||||
<a href="" class="reload">Reload</a>
|
||||
<a class="dismiss">🗙</a>
|
||||
</div>
|
||||
<div id="blazor-error-ui">
|
||||
Произошла непредвиденная ошибка
|
||||
<a href="" class="reload">Перезагрузить</a>
|
||||
<a class="dismiss">🗙</a>
|
||||
</div>
|
||||
</RadzenBody>
|
||||
</RadzenLayout>
|
||||
|
||||
@code {
|
||||
bool sidebarExpanded = true;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user