diff --git a/web_viewer/fe_src/src/components/SystemInformation.css b/web_viewer/fe_src/src/components/SystemInformation.css index 69c64af..caea025 100644 --- 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 b/web_viewer/public/assets/index-CscI8SDn.js similarity index 100% rename from web_viewer/public/assets/index-_IVR_YYv.js rename to web_viewer/public/assets/index-CscI8SDn.js diff --git a/web_viewer/public/assets/index-BHVuaFc-.css b/web_viewer/public/assets/index-yLQ7FZ0B.css similarity index 66% rename from web_viewer/public/assets/index-BHVuaFc-.css rename to web_viewer/public/assets/index-yLQ7FZ0B.css index dbbedcd..77fd357 100644 --- a/web_viewer/public/assets/index-BHVuaFc-.css +++ b/web_viewer/public/assets/index-yLQ7FZ0B.css @@ -1 +1 @@ -:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.code{max-width:100%;height:300px;overflow:auto;white-space:pre-line;text-align:left}.connected{color:#01a907}.disconected{color:#dc2f26}.card{background-color:#5c5c5c;padding:1rem}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#f2f7f8}a:hover{color:#747bff}.card{background-color:#fff}}#root{max-width:calc(100% - 1rem);margin:0 auto;padding:.5rem;overflow-x:hidden}.row{display:flex;flex-direction:row}.align-center{align-items:center}.justify-center{justify-content:center}.justify-space-between{justify-content:space-between}.align-end{align-items:flex-end}.justify-flex-end{justify-content:flex-end}.flex-1{flex:1}.flex-2{flex:2}.col{display:flex;flex-direction:column}.description{color:#d7d7d7}.text-right{text-align:right}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.system-information{max-width:100%}.system-title{margin-bottom:20px}.system-title-text{font-size:20px;display:inline-block;margin-right:20px;font-weight:700}.system-graph{position:relative}.pv{display:flex;align-items:flex-start}.y-arrow{background-image:url(/assets/_arrow_down.gif);height:100px;width:20px;background-repeat:no-repeat;background-size:contain;background-position:center center}.y-arrow.none{background-image:none}.y-arrow+.y-arrow{margin-top:-27px}.power{margin-top:20px;margin-left:20px;font-size:18px}.power-item{white-space:nowrap}.power-value{text-align:right;padding-left:10px}.system-status{position:absolute;right:0;top:10px}.system-status-display{display:flex;flex-direction:row;padding:7px;background-color:#7b7b7b;border-radius:7px;align-items:center}.system-status-icon{width:20px;height:20px;border-radius:50%;background-color:#ee3939;margin-right:5px}.system-status-icon.normal{background-color:#08b308}.system-status-icon.offline{background-color:#b6b6b6}.system-status-reconnect{margin-left:10px}.battery-row{display:flex;flex-direction:row;align-items:center;margin-top:5px;margin-bottom:5px}.grid{position:relative;left:-13px}.consumption{position:relative;left:-40px;top:-45px}.eps{position:relative;top:13px}.battery-texts,.grid-texts{line-height:30px}.x-arrow{background-image:url(/assets/_arrow_right.gif);height:20px;width:85px;background-repeat:no-repeat;background-size:contain;background-position:center center}.x-arrow.left{background-image:url(/assets/_arrow_left.gif)}.x-arrow.none{background:none}.x-arrow+.x-arrow{margin-left:-13px}.eps-texts{margin-top:125px}.eps-status{font-size:18px}.consumption-texts{margin-top:185px}.consumption-icon img{margin-top:-15px}.hidden{visibility:hidden}.show-small{display:none}@media screen and (max-width: 1200px){.inverter .arrows .x-arrow:nth-child(4){display:none}.consumption{left:-63px}.system-graph{width:1030px}}@media screen and (max-width: 1090px){.inverter .arrows .x-arrow:nth-child(3){display:none}.battery .arrows .x-arrow:nth-child(2){display:none}.grid .arrows .x-arrow:nth-child(2){display:none}.system-graph{width:845px;margin:auto}.consumption{left:-54px}}@media screen and (max-width: 900px){.power{font-size:16px;margin-left:10px}.pv img,.battery img,.inverter img,.grid img,.eps img,.consumption img{width:88px;height:auto}.eps-texts{margin-top:120px}.eps-texts .description,.consumption-texts .description{font-size:14px}.eps-status{font-size:16px}.consumption-texts{margin-top:180px}.x-arrow{width:70px}.y-arrow{height:70px}.inverter .arrows .x-arrow:nth-child(2){display:none}.system-graph{width:500px}.consumption{left:-55px;top:-60px}.battery-type,.grid-texts,.battery-texts,.pv-texts,.consumption-texts,.eps-texts{display:none}.show-small{display:unset}.inverter{height:160px;display:flex;align-items:center}.eps{position:relative;top:-30px}.grid{left:-24px}.system-title-text{font-size:16px}}@media screen and (max-width: 768px){.pv img,.battery img,.inverter img,.grid img,.eps img,.consumption img{width:60px;height:auto}.power{margin-top:46px}.system-graph>.row:first-child .flex-1:nth-child(3){display:none}.x-arrow{width:54px;height:15px}.y-arrow{height:54px;width:15px}.system-status-display{font-size:14px;padding:3px;border-radius:3px}.system-status-icon{width:15px;height:15px}.system-graph{width:360px}.consumption{left:-36px;top:-40px}.battery>.row>.col,.pv>.col,.eps>.row>.col,.grid>.col{width:55px}.grid .arrows .x-arrow{margin-left:7px}.inverter{height:123px}.system-information{padding:5px}.grid{left:-23px}.eps-status{font-size:14px}}@media (prefers-color-scheme: light){.system-status-display{background-color:#eee}}.general-value{min-width:100px;white-space:nowrap;font-size:18px}@media screen and (max-width: 900px){.general-value{font-size:16px;min-width:0}}@media screen and (max-width: 768px){.general-value{font-size:14px;min-width:0}}.summary{margin-bottom:10px;margin-left:-10px;margin-right:-10px;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:#f087a0}.feed .summary-item-title{background-color:#f09c6b}.comsumption .summary-item-title{background-color:#57c696}@media (prefers-color-scheme: light){.summary-item{background-color:#fff}}@media screen and (max-width: 768px){.summary{margin-bottom:5px;margin-left:-5px;margin-right:-5px;max-width:calc(100% + 10px)}.summary-item{height:130px;margin:5px;flex-basis:150px}.summary-item-content img{width:40px;height:40px}} +:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.code{max-width:100%;height:300px;overflow:auto;white-space:pre-line;text-align:left}.connected{color:#01a907}.disconected{color:#dc2f26}.card{background-color:#5c5c5c;padding:1rem}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#f2f7f8}a:hover{color:#747bff}.card{background-color:#fff}}#root{max-width:calc(100% - 1rem);margin:0 auto;padding:.5rem;overflow-x:hidden}.row{display:flex;flex-direction:row}.align-center{align-items:center}.justify-center{justify-content:center}.justify-space-between{justify-content:space-between}.align-end{align-items:flex-end}.justify-flex-end{justify-content:flex-end}.flex-1{flex:1}.flex-2{flex:2}.col{display:flex;flex-direction:column}.description{color:#d7d7d7}.text-right{text-align:right}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.system-information{max-width:100%}.system-title{margin-bottom:20px}.system-title-text{font-size:20px;display:inline-block;margin-right:20px;font-weight:700}.system-graph{position:relative}.pv{display:flex;align-items:flex-start}.y-arrow{background-image:url(/assets/_arrow_down.gif);height:100px;width:20px;background-repeat:no-repeat;background-size:contain;background-position:center center}.y-arrow.none{background-image:none}.y-arrow+.y-arrow{margin-top:-27px}.power{margin-top:20px;margin-left:20px;font-size:18px}.power-item{white-space:nowrap}.power-value{text-align:right;padding-left:10px}.system-status{position:absolute;right:0;top:10px}.system-status-display{display:flex;flex-direction:row;padding:7px;background-color:#7b7b7b;border-radius:7px;align-items:center}.system-status-icon{width:20px;height:20px;border-radius:50%;background-color:#ee3939;margin-right:5px}.system-status-icon.normal{background-color:#08b308}.system-status-icon.offline{background-color:#b6b6b6}.system-status-reconnect{margin-left:10px}.battery-row{display:flex;flex-direction:row;align-items:center;margin-top:5px;margin-bottom:5px}.grid{position:relative;left:-13px}.consumption{position:relative;left:-40px;top:-45px}.eps{position:relative;top:13px}.battery-texts,.grid-texts{line-height:30px}.x-arrow{background-image:url(/assets/_arrow_right.gif);height:20px;width:85px;background-repeat:no-repeat;background-size:contain;background-position:center center}.x-arrow.left{background-image:url(/assets/_arrow_left.gif)}.x-arrow.none{background:none}.x-arrow+.x-arrow{margin-left:-13px}.eps-texts{margin-top:125px}.eps-status{font-size:18px}.consumption-texts{margin-top:185px}.consumption-icon img{margin-top:-15px}.hidden{visibility:hidden}.show-small{display:none}@media screen and (max-width: 1200px){.inverter .arrows .x-arrow:nth-child(4){display:none}.consumption{left:-63px}.system-graph{width:1030px}}@media screen and (max-width: 1090px){.inverter .arrows .x-arrow:nth-child(3){display:none}.battery .arrows .x-arrow:nth-child(2){display:none}.grid .arrows .x-arrow:nth-child(2){display:none}.system-graph{width:845px;margin:auto}.consumption{left:-54px}}@media screen and (max-width: 900px){.power{font-size:16px;margin-left:10px}.pv img,.battery img,.inverter img,.grid img,.eps img,.consumption img{width:88px;height:auto}.eps-texts{margin-top:120px}.eps-texts .description,.consumption-texts .description{font-size:14px}.eps-status{font-size:16px}.consumption-texts{margin-top:180px}.x-arrow{width:70px}.y-arrow{height:70px}.inverter .arrows .x-arrow:nth-child(2){display:none}.system-graph{width:500px}.consumption{top:-73px;left:-55px}.battery-type,.grid-texts,.battery-texts,.pv-texts,.consumption-texts,.eps-texts{display:none}.show-small{display:unset}.inverter{height:160px;display:flex;align-items:center}.eps{position:relative;top:-25px}.grid{left:-24px}.system-title-text{font-size:16px}.y-arrow+.y-arrow{margin-top:-8px}}@media screen and (max-width: 768px){.pv img,.battery img,.inverter img,.grid img,.eps img,.consumption img{width:60px;height:auto}.power{margin-top:46px}.system-graph>.row:first-child .flex-1:nth-child(3){display:none}.x-arrow{width:54px;height:15px}.y-arrow{height:54px;width:15px}.system-status-display{font-size:14px;padding:3px;border-radius:3px}.system-status-icon{width:15px;height:15px}.system-graph{width:360px}.consumption{left:-38px;top:-55px}.battery>.row>.col,.pv>.col,.eps>.row>.col,.grid>.col{width:55px}.grid .arrows .x-arrow{margin-left:7px}.inverter{height:123px}.system-information{padding:5px}.grid{left:-23px}.eps{top:-22px}.eps-status{font-size:14px}.y-arrow+.y-arrow{margin-top:-6px}}@media (prefers-color-scheme: light){.system-status-display{background-color:#eee}}.general-value{min-width:100px;white-space:nowrap;font-size:18px}@media screen and (max-width: 900px){.general-value{font-size:16px;min-width:0}}@media screen and (max-width: 768px){.general-value{font-size:14px;min-width:0}}.summary{margin-bottom:10px;margin-left:-10px;margin-right:-10px;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:#f087a0}.feed .summary-item-title{background-color:#f09c6b}.comsumption .summary-item-title{background-color:#57c696}@media (prefers-color-scheme: light){.summary-item{background-color:#fff}}@media screen and (max-width: 768px){.summary{margin-bottom:5px;margin-left:-5px;margin-right:-5px;max-width:calc(100% + 10px)}.summary-item{height:130px;margin:5px;flex-basis:150px}.summary-item-content img{width:40px;height:40px}} diff --git a/web_viewer/public/index.html b/web_viewer/public/index.html index e937ca5..8d28433 100644 --- a/web_viewer/public/index.html +++ b/web_viewer/public/index.html @@ -5,8 +5,8 @@ LuxPower realtime web viewer - - + +