Merge pull request #809 from Stremio/fix/PWA-streaming-server-warning

Board: Fix streaming server warning on mobile
Stremio · Jan 23, 2025 · 2d4b8fa · 2d4b8fa
2 parents 9b197c8 + 37ab9ce
commit 2d4b8fa
Showing 1 changed file with 12 additions and 4 deletions.
diff --git a/src/routes/Board/styles.less b/src/routes/Board/styles.less
@@ -37,9 +37,9 @@
 
     .board-warning-container {
         position: absolute;
-        bottom: 0.5rem;
-        left: 0.5rem;
-        right: 0.5rem;
+        bottom: calc(var(--safe-area-inset-bottom) + 0.5rem);
+        left: calc(var(--safe-area-inset-left) + 0.5rem);
+        right: calc(var(--safe-area-inset-right) + 0.5rem);
     }
 }
 
@@ -217,8 +217,16 @@
         }
 
         .board-warning-container {
-            bottom: calc(var(--vertical-nav-bar-size) + var(--calculated-bottom-safe-inset, 0rem));
+            bottom: calc(var(--vertical-nav-bar-size) + 0.5rem);
             height: 7rem;
         }
     }
+}
+
+@media @phone-landscape {
+    .board-container {
+        .board-warning-container {
+            left: calc(var(--safe-area-inset-left) + var(--vertical-nav-bar-size) + 0.5rem);
+        }
+    }
 }