Fix tabs subpage height on desktop (#23564)

fix tabs subpage height on desktop
home-assistant · Jan 3, 2025 · 6d48e72 · 6d48e72
1 parent 052744e
commit 6d48e72
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/src/layouts/hass-tabs-subpage.ts b/src/layouts/hass-tabs-subpage.ts
@@ -314,10 +314,6 @@ class HassTabsSubpage extends LitElement {
           width: calc(
             100% - env(safe-area-inset-left) - env(safe-area-inset-right)
           );
-          height: calc(100% - var(--header-height));
-          height: calc(
-            100% - var(--header-height) - env(safe-area-inset-bottom)
-          );
           margin-left: env(safe-area-inset-left);
           margin-right: env(safe-area-inset-right);
           margin-inline-start: env(safe-area-inset-left);
@@ -326,6 +322,13 @@ class HassTabsSubpage extends LitElement {
           -webkit-overflow-scrolling: touch;
         }
 
+        :host([narrow]) .content {
+          height: calc(100% - var(--header-height));
+          height: calc(
+            100% - var(--header-height) - env(safe-area-inset-bottom)
+          );
+        }
+
         :host([narrow]) .content.tabs {
           height: calc(100% - 2 * var(--header-height));
           height: calc(