fix: image viewer on different device orientations (#37)

kouprlabs · Nov 27, 2024 · 8d66833 · 8d66833
1 parent 77c4155
commit 8d66833
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/Sources/Screens/Viewer/Image/ViewerImageWebView.swift b/Sources/Screens/Viewer/Image/ViewerImageWebView.swift
@@ -20,27 +20,31 @@ struct ViewerImageWebView: UIViewRepresentable {
         webView.loadHTMLString(
             """
             <!DOCTYPE html>
-            <html lang="en">
+            <html>
                 <head>
                     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
                     <style>
                         body, html {
                             margin: 0;
                             padding: 0;
-                            height: 100%;
                             background: #000;
                             display: flex;
                             justify-content: center;
                             align-items: center;
+                            flex-grow: 1;
+                            width: 100%;
+                            height: 100%;
+                            overflow: scroll;
                         }
                         img {
-                            width: 100%;
-                            height: auto;
+                            object-fit: contain;
+                            max-width: 100%;
+                            max-height: 100%;
                         }
                     </style>
                 </head>
                 <body>
-                    <img src="\(url.absoluteString)" alt="Image">
+                    <img src="\(url.absoluteString)" />
                 </body>
             </html>
             """,