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%;