fix(image): swap height and width in portrait mode

RouHim · Nov 24, 2023 · a3c1a3b · a3c1a3b
1 parent 31d74ec
commit a3c1a3b
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/web-app/script.js b/web-app/script.js
@@ -202,7 +202,20 @@ function getCurrentTemperatureDataFromHomeAssistant() {
  */
 function setImage(resource_id) {
     // build the image url
-    let imageUrl = `/api/resources/${resource_id}/${window.screen.availWidth}/${window.screen.availHeight}`;
+    let imageWidth, imageHeight;
+
+    if (window.screen.orientation.type.includes('portrait')) {
+        // In Portrait-Mode
+        // Swap width and height
+        imageWidth = window.screen.availHeight;
+        imageHeight = window.screen.availWidth;
+    } else {
+        // In Landscape-Mode
+        imageWidth = window.screen.availWidth;
+        imageHeight = window.screen.availHeight;
+    }
+
+    let imageUrl = `/api/resources/${resource_id}/${imageWidth}/${imageHeight}`;
 
     // obtain the image elements
     let backgroundImage = document.getElementById('background-image');