Fix tabs subpage height on desktop (#23564)

fix tabs subpage height on desktop
This commit is contained in:
Bram Kragten 2025-01-03 11:08:00 +01:00 committed by GitHub
parent 052744e3d1
commit 6d48e725c7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -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(