Set dynamic viewport height to RadzenLayout on screen widths less tha…

…n 768px
radzenhq · Nov 13, 2024 · d549a31 · d549a31
1 parent f32fe71
commit d549a31
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 4 deletions.
diff --git a/Radzen.Blazor/themes/components/blazor/_layout.scss b/Radzen.Blazor/themes/components/blazor/_layout.scss
@@ -61,6 +61,10 @@ $layout-background-color: var(--rz-body-background-color) !default;
     overflow-x: hidden;
   }
 
+  .rz-layout {
+    height: 100dvh;
+  }
+
   .rz-header,
   .rz-footer,
   .rz-body {

diff --git a/RadzenBlazorDemos/wwwroot/css/fluent-base.css b/RadzenBlazorDemos/wwwroot/css/fluent-base.css
diff --git a/RadzenBlazorDemos/wwwroot/css/fluent-dark-base.css b/RadzenBlazorDemos/wwwroot/css/fluent-dark-base.css
diff --git a/RadzenBlazorDemos/wwwroot/css/material3-base.css b/RadzenBlazorDemos/wwwroot/css/material3-base.css
diff --git a/RadzenBlazorDemos/wwwroot/css/material3-dark-base.css b/RadzenBlazorDemos/wwwroot/css/material3-dark-base.css