demo ui

Author: fgilde

AuralizeBlazor/AuralizeBlazor.csproj

@@ -11,7 +11,7 @@
     <GeneratePackageOnBuild>true</GeneratePackageOnBuild>
     <PackageLicenseFile>LICENSE</PackageLicenseFile>
     <PackageIcon>Logo.png</PackageIcon>
-    <Version>2.0.6</Version>
+    <Version>2.0.7</Version>
     <PackageReadmeFile>README.md</PackageReadmeFile>
     <GenerateDocumentationFile>True</GenerateDocumentationFile>
     <AssemblyVersion>2.0.6</AssemblyVersion>

Sample/AuralizeBlazor.Sample/Helper/SectionSource.razor

@@ -13,7 +13,7 @@
          </MudToolBar>
     }
 
-    <MudExpansionPanel Text="Code">
+    <MudExpansionPanel Class="mt-2" Style="border: 1px var(--mud-palette-primary) solid" Text="Code">
         <div class="docs-source-code @(ShowCode? "docs-show-code" : "docs-hide-code")">
             @CodeComponent(CurrentCode)
         </div>

Sample/AuralizeBlazor.Sample/Layout/MainLayout.razor

@@ -23,11 +23,11 @@
                 <MudIconButton Href="https://www.nuget.org/packages/AuralizeBlazor/" Target="_blank" Icon="@MudExIcons.Custom.Brands.Nuget" Color="Color.Primary" Edge="Edge.End"/>
             </MudTooltip>
         </MudAppBar>
-        <MudDrawer @bind-Open="_drawerOpen" Variant="DrawerVariant.Temporary" ClipMode="DrawerClipMode.Always" Elevation="2">
+        <MudDrawer @bind-Open="_drawerOpen" Variant="DrawerVariant.Responsive" ClipMode="DrawerClipMode.Always" Elevation="2">
             <NavMenu></NavMenu>
         </MudDrawer>
     }
-    <MudMainContent Style="height: 100%">
+    <MudMainContent Class="p-5" Style="height: 100%">
         @Body
     </MudMainContent>
 </MudLayout>

Sample/AuralizeBlazor.Sample/Layout/MainLayout.razor.cs

@@ -26,7 +26,7 @@ private static MudTheme CreateDefaultTheme() =>
             }
         };
 
-    bool _drawerOpen;
+    bool _drawerOpen = true;
     internal static MainLayout Instance;
 
     void DrawerToggle()