Эх сурвалжийг харах

fix: square plot container with aspect-ratio: 1

nonvioce 3 сар өмнө
parent
commit
7f21c16f48

+ 7 - 2
app/src/main/assets/console.css

@@ -1416,13 +1416,18 @@ body {
 
 /* ── 绘图 ─────────────────────────────────────────── */
 .plot-container {
-    margin: 12px 0;
-    padding: 16px;
+    margin: 12px auto;
+    padding: 10px;
+    width: 540px;
+    max-width: 100%;
+    aspect-ratio: 1;
     background: #FCFDFE;
     border: 2px solid #B0BEC5;
     border-radius: 0;
     box-shadow: inset 0 0 0 1px rgba(0,0,0,0.03);
     overflow: hidden;
+    display: flex;
+    flex-direction: column;
 }
 .plot-canvas {
     display: block;

+ 5 - 4
app/src/main/assets/console.js

@@ -524,10 +524,11 @@ class SymjaConsole {
         const canvas = document.createElement('canvas');
         canvas.className = 'plot-canvas';
         const dpr = window.devicePixelRatio || 1;
-        canvas.width = 600 * dpr;
-        canvas.height = 600 * dpr;
-        canvas.style.width = '600px';
-        canvas.style.height = '600px';
+        canvas.width = 500 * dpr;
+        canvas.height = 500 * dpr;
+        canvas.style.width = '100%';
+        canvas.style.height = 'auto';
+        canvas.style.aspectRatio = '1';
         container.appendChild(canvas);
 
         // 图例(多曲线时自动显示)