web: allow full width in pc screen

hoang-rio · Nov 26, 2024 · 6368a6f · 6368a6f
1 parent 6d5e247
commit 6368a6f
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/web_viewer/fe_src/src/App.css b/web_viewer/fe_src/src/App.css
@@ -1,5 +1,5 @@
 #root {
-  max-width: calc(100% - 1rem);
+  width: calc(100% - 1rem);
   margin: 0 auto;
   padding: 0.5rem;
   overflow-x: hidden;

diff --git a/web_viewer/fe_src/src/components/Summary.css b/web_viewer/fe_src/src/components/Summary.css
@@ -1,5 +1,5 @@
 .summary {
-    margin-bottom: 10px;
+    margin-bottom: 5px;
     margin-left: -10px;
     margin-right: -10px;
     flex-wrap: wrap;

diff --git a/web_viewer/fe_src/src/components/SystemInformation.css b/web_viewer/fe_src/src/components/SystemInformation.css
@@ -163,6 +163,11 @@
     display: none;
 }
 
+.system-graph {
+    width: 1103px;
+    margin: auto;
+}
+
 @media screen and (max-width: 1200px) {
     .inverter .arrows .x-arrow:nth-child(4) {
         display: none;