web: update responsive mobile and < 900px width

hoang-rio · Nov 26, 2024 · bd0773f · bd0773f
1 parent 5c440bb
commit bd0773f
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 7 deletions.
diff --git a/web_viewer/fe_src/src/components/SystemInformation.css b/web_viewer/fe_src/src/components/SystemInformation.css
@@ -250,8 +250,8 @@
     }
 
     .consumption {
+        top: -73px;
         left: -55px;
-        top: -60px;
     }
 
     .battery-type {
@@ -279,7 +279,7 @@
 
     .eps {
         position: relative;
-        top: -30px;
+        top: -25px;
     }
 
     .grid {
@@ -289,6 +289,10 @@
     .system-title-text {
         font-size: 16px;
     }
+
+    .y-arrow + .y-arrow {
+        margin-top: -8px;
+    }
 }
 
 @media screen and (max-width: 768px) {
@@ -337,8 +341,8 @@
     }
 
     .consumption {
-        left: -36px;
-        top: -40px;
+        left: -38px;
+        top: -55px;
     }
 
 
@@ -365,9 +369,17 @@
         left: -23px;
     }
 
+    .eps {
+        top: -22px;
+    }
+
     .eps-status {
         font-size: 14px;
     }
+
+    .y-arrow + .y-arrow {
+        margin-top: -6px;
+    }
 }
 
 @media (prefers-color-scheme: light) {

diff --git a/web_viewer/public/assets/index-_IVR_YYv.js → web_viewer/public/assets/index-CscI8SDn.js b/web_viewer/public/assets/index-_IVR_YYv.js → web_viewer/public/assets/index-CscI8SDn.js
diff --git a/web_viewer/public/assets/index-BHVuaFc-.css → web_viewer/public/assets/index-yLQ7FZ0B.css b/web_viewer/public/assets/index-BHVuaFc-.css → web_viewer/public/assets/index-yLQ7FZ0B.css
diff --git a/web_viewer/public/index.html b/web_viewer/public/index.html
@@ -5,8 +5,8 @@
     <link rel="icon" type="image/png" href="/lux-logo-32.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>LuxPower realtime web viewer</title>
-    <script type="module" crossorigin src="/assets/index-_IVR_YYv.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-BHVuaFc-.css">
+    <script type="module" crossorigin src="/assets/index-CscI8SDn.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-yLQ7FZ0B.css">
   </head>
   <body>
     <div id="root"></div>