Mercurial > Grille > Grille-Config
comparison Components/Layout/MainLayout.razor @ 0:689cde763395
init cimmit
author | Franklin Schmit <meokcin@gmail.com> |
---|---|
date | Thu, 05 Sep 2024 10:16:16 +0800 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:689cde763395 |
---|---|
1 @inherits LayoutComponentBase | |
2 @inject CookieThemeService CookieThemeService | |
3 <RadzenComponents /> | |
4 | |
5 <RadzenLayout style="grid-template-areas: 'rz-sidebar rz-header' 'rz-sidebar rz-body';"> | |
6 <RadzenHeader> | |
7 <RadzenRow JustifyContent="JustifyContent.Start" AlignItems="AlignItems.Center" Gap="0"> | |
8 <RadzenColumn Size="5"> | |
9 <RadzenSidebarToggle Click="@SidebarToggleClick"></RadzenSidebarToggle> | |
10 </RadzenColumn> | |
11 <RadzenColumn Size="7"> | |
12 <RadzenStack AlignItems="AlignItems.Center" Orientation="Orientation.Horizontal" JustifyContent="JustifyContent.End" Gap="0.5rem" class="rz-px-2"> | |
13 <RadzenAppearanceToggle /> | |
14 </RadzenStack> | |
15 </RadzenColumn> | |
16 </RadzenRow> | |
17 </RadzenHeader> | |
18 <RadzenBody Expanded="@sidebarExpanded"> | |
19 <RadzenRow class="rz-mx-auto rz-px-4 rz-pt-2 rz-pt-md-4 rz-pt-lg-6 rz-pt-xl-12 rz-pb-2 rz-pb-lg-12" Style="max-width: 1440px;"> | |
20 <RadzenColumn Size="12"> | |
21 @Body | |
22 </RadzenColumn> | |
23 </RadzenRow> | |
24 </RadzenBody> | |
25 <RadzenSidebar Expanded="@sidebarExpanded" style="z-index: 2"> | |
26 <RadzenStack AlignItems="Radzen.AlignItems.Center" class="rz-py-4 rz-py-lg-6" Style="padding: var(--rz-panel-menu-item-padding); border-bottom: var(--rz-panel-menu-item-border);"> | |
27 <RadzenImage Path="images/logo.png" style="width: 48px; height: 48px;" AlternateText="Application logo"></RadzenImage> | |
28 <RadzenText Text="Grille2" TextStyle="Radzen.Blazor.TextStyle.Subtitle1" class="rz-mb-0" style="color: var(--rz-sidebar-color);" /> | |
29 </RadzenStack> | |
30 <RadzenPanelMenu> | |
31 <RadzenPanelMenuItem Text="Home" Path="" /> | |
32 </RadzenPanelMenu> | |
33 <RadzenStack AlignItems="Radzen.AlignItems.Center" Gap="0" class="rz-py-4 rz-py-lg-6" Style="padding: var(--rz-panel-menu-item-padding);"> | |
34 <RadzenText Text="Grille2 v1.0.0" TextStyle="Radzen.Blazor.TextStyle.Caption" TagName="Radzen.Blazor.TagName.P" TextAlign="Radzen.TextAlign.Center" /> | |
35 <RadzenText Text="Copyright Ⓒ 2024" TextStyle="Radzen.Blazor.TextStyle.Caption" class="rz-mb-0" TagName="Radzen.Blazor.TagName.P" TextAlign="Radzen.TextAlign.Center" /> | |
36 </RadzenStack> | |
37 </RadzenSidebar> | |
38 </RadzenLayout> |