chore: Improve the popup window size

Adjust popup iframe size according to the device-pixel-ratio close: #198
alexhua · May 18, 2024 · 964963d · 964963d
1 parent bdd8262
commit 964963d
Showing 1 changed file with 30 additions and 6 deletions.
diff --git a/ui/ariang/popup.html b/ui/ariang/popup.html
@@ -3,13 +3,37 @@
  * @date   2019.01.02
  *
  * © Copyright 2019 Alex Hua
- */ --><html><meta http-equiv="Content-Type" content="text/html;charset=utf-8"><head><style type="text/css">html, body {
-                border: 0px;
-                margin: 0px;
-                padding: 0px;
+ */ --><html><meta http-equiv="Content-Type" content="text/html;charset=utf-8"><head><style type="text/css">html,
+        body {
+            border: 0px;
+            margin: 0px;
+            padding: 0px;
+        }
+
+        @media (-webkit-min-device-pixel-ratio: 1) {
+            #AriaNG {
+                height: 580px;
+                width: 790px;
+            }
+        }
+
+        @media (-webkit-min-device-pixel-ratio: 1.1) {
+            #AriaNG {
+                height: 540px;
+                width: 710px;
             }
+        }
 
+        @media (-webkit-min-device-pixel-ratio: 1.25) {
             #AriaNG {
-                height: 480px;
+                height: 465px;
                 width: 640px;
-            }</style></head><body><iframe id="AriaNG" name="AriaNG" src="index.html" frameborder="0" scrolling="no"></iframe></body></html>
+            }
+        }
+
+        @media (-webkit-min-device-pixel-ratio: 1.5) {
+            #AriaNG {
+                height: 400px;
+                width: 520px;
+            }
+        }</style></head><body><iframe id="AriaNG" src="index.html" frameborder="0" scrolling="no"></iframe></body></html>