web: fix summary total display

hoang-rio · Dec 4, 2024 · d92444a · d92444a
1 parent 2e9bffd
commit d92444a
Show file tree

Hide file tree

Showing 12 changed files with 35 additions and 14 deletions.
diff --git a/web_viewer/fe_src/src/components/Summary.css b/web_viewer/fe_src/src/components/Summary.css
@@ -6,38 +6,53 @@
     flex-wrap: wrap;
     max-width: calc(100% + 20px);
 }
+
 .summary-item {
     background-color: #5c5c5c;
     margin: 10px;
 }
+
 .summary-item-content {
     padding: 10px;
 }
+
 .summary-item-content .col {
     align-items: flex-end;
 }
+
 .summary-item-title {
     padding: 5px 10px;
     color: #fff;
     white-space: nowrap;
 }
+
 .yield .summary-item-title {
     background-color: #63BFE6;
 }
+
 .battery .summary-item-title {
     background-color: rgb(240, 135, 160);
 }
+
 .feed .summary-item-title {
     background-color: rgb(240, 156, 107);
 }
+
 .comsumption .summary-item-title {
     background-color: #57C696;
 }
+
+.summary-item-content img {
+    width: auto;
+    height: 102px;
+}
+
 @media (prefers-color-scheme: light) {
     .summary-item {
         background-color: #fff;
     }
 }
+
 @media screen and (max-width: 768px) {
     .summary {
         margin-bottom: 5px;
@@ -46,13 +61,19 @@
         margin-top: -5px;
         max-width: calc(100% + 10px);
     }
+
     .summary-item {
-        height: 130px;
+        max-height: 200px;
         margin: 5px;
         flex-basis: 150px;
     }
+
     .summary-item-content img {
         width: 40px;
         height: 40px;
     }
+
+    .summary-item-content .description {
+        font-size: 14px;
+    }
 }
diff --git a/web_viewer/fe_src/src/components/SystemInformation.css b/web_viewer/fe_src/src/components/SystemInformation.css
@@ -216,7 +216,7 @@
     }
 
     .pv img,
-    .battery img,
+    .system-graph .battery img,
     .inverter img,
     .grid img,
     .eps img,
@@ -312,7 +312,7 @@
 @media screen and (max-width: 768px) {
 
     .pv img,
-    .battery img,
+    .system-graph .battery img,
     .inverter img,
     .grid img,
     .eps img,

diff --git a/...ewer/public/assets/DailyChart-DcgUm0QJ.js → ...ewer/public/assets/DailyChart-BiB4N1aU.js b/...ewer/public/assets/DailyChart-DcgUm0QJ.js → ...ewer/public/assets/DailyChart-BiB4N1aU.js
diff --git a/...er/public/assets/GeneralValue-BrOr5yLU.js → ...er/public/assets/GeneralValue-D-8_bCGY.js b/...er/public/assets/GeneralValue-BrOr5yLU.js → ...er/public/assets/GeneralValue-D-8_bCGY.js
@@ -1 +1 @@
-import{j as e}from"./index-glY6W-XA.js";function l({value:r,unit:s,className:n}){return e.jsxs("div",{className:`${n||""} general-value`,children:[e.jsx("strong",{children:r}),s]})}export{l as G};
+import{j as e}from"./index-CV0EdXLl.js";function l({value:r,unit:s,className:n}){return e.jsxs("div",{className:`${n||""} general-value`,children:[e.jsx("strong",{children:r}),s]})}export{l as G};
diff --git a/...wer/public/assets/HourlyChart-CqICBxH7.js → ...wer/public/assets/HourlyChart-BJrth5Cu.js b/...wer/public/assets/HourlyChart-CqICBxH7.js → ...wer/public/assets/HourlyChart-BJrth5Cu.js
diff --git a/...viewer/public/assets/Summary-CquReH3t.css → ...viewer/public/assets/Summary-4xBpUoXf.css b/...viewer/public/assets/Summary-CquReH3t.css → ...viewer/public/assets/Summary-4xBpUoXf.css
diff --git a/web_viewer/public/assets/Summary-CMXhc1tE.js → web_viewer/public/assets/Summary-B9ngYoyI.js b/web_viewer/public/assets/Summary-CMXhc1tE.js → web_viewer/public/assets/Summary-B9ngYoyI.js
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		import{j as e}from"./index-glY6W-XA.js";function l({value:r,unit:s,className:n}){return e.jsxs("div",{className:`${n\|\|""} general-value`,children:[e.jsx("strong",{children:r}),s]})}export{l as G};
		import{j as e}from"./index-CV0EdXLl.js";function l({value:r,unit:s,className:n}){return e.jsxs("div",{className:`${n\|\|""} general-value`,children:[e.jsx("strong",{children:r}),s]})}export{l as G};