From 809d98427765c4fe178d76e153b143e1520a4044 Mon Sep 17 00:00:00 2001
From: "Timothy Z." <timothy@stremio.com>
Date: Mon, 13 Jan 2025 22:17:40 +0200
Subject: [PATCH] fix(App): PWA resizing issues

when resizing the PWA on iPad there were visible pixel wide lines on the edges
---
 src/App/styles.less | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/App/styles.less b/src/App/styles.less
index 1a1f50dcc..11b52de8b 100644
--- a/src/App/styles.less
+++ b/src/App/styles.less
@@ -17,6 +17,8 @@
 @calculated-bottom-safe-inset: ~"min(env(safe-area-inset-bottom, 0rem), max(1rem, calc(100lvh - 100svh - env(safe-area-inset-top, 0rem))))";
 @html-width: ~"calc(max(100svw, 100dvw))";
 @html-height: ~"calc(max(100svh, 100dvh))";
+@html-standalone-width: ~"calc(max(100%, 100lvw))";
+@html-standalone-height: ~"calc(max(100%, 100lvh))";
 @safe-area-inset-top: env(safe-area-inset-top, 0rem);
 @safe-area-inset-right: env(safe-area-inset-right, 0rem);
 @safe-area-inset-bottom: env(safe-area-inset-bottom, 0rem);
@@ -119,6 +121,12 @@ html {
     touch-action: manipulation;
     -webkit-tap-highlight-color: transparent;
 
+
+    @media (display-mode: standalone) {
+        width: @html-standalone-width;
+        height: @html-standalone-height;
+    }
+
     body {
         width: 100%;
         height: 100%;