From f0fdf5100056c39c51aa61729d63f924414b4697 Mon Sep 17 00:00:00 2001
From: djnitehawk <djnitehawk83@gmail.com>
Date: Tue, 18 Mar 2025 18:52:33 +0530
Subject: [PATCH] improve ui

---
 src/Client/Pages/BMS.razor                 |  6 +++---
 src/Client/Pages/Index.razor               |  6 +++---
 src/Client/Pages/Settings.razor            |  2 +-
 src/Client/wwwroot/css/app.css             | 15 +++++++++++++--
 src/Server/Endpoints/GetStatus/Endpoint.cs |  2 +-
 src/Shared/Models/InverterSetting.cs       |  2 +-
 src/changelog.md                           |  1 +
 7 files changed, 23 insertions(+), 11 deletions(-)

diff --git a/src/Client/Pages/BMS.razor b/src/Client/Pages/BMS.razor
index ac48f7d..4a48618 100644
--- a/src/Client/Pages/BMS.razor
+++ b/src/Client/Pages/BMS.razor
@@ -11,7 +11,7 @@
 
 @if (status is not null)
 {
-    <div class="card">
+    <div class="card mt-2">
         <h5 class="card-header fw-bold">
             <span class="oi oi-battery-empty" aria-hidden="true"></span>
             JK BMS
@@ -26,7 +26,7 @@
                         <div class="fs-1 my-1 mx-5 border-top">
                             @status.CapacityPct%
                         </div>
-                        <div class="fs-5 pack-capacity m-0 bg-light" style="cursor: pointer;" @onclick="ToggleCapacityKwh">
+                        <div class="fs-5 pack-capacity m-0" style="cursor: pointer; background-color: #505e8b42;" @onclick="ToggleCapacityKwh">
                             @(GetPackCapacity())
                         </div>
                     </div>
@@ -62,7 +62,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="row text-center m-1 p-1 fw-bold" style="font-size:0.8em; background-color:#272f36;">
+                <div class="row text-center m-1 p-1 fw-bold" style="font-size:0.8em; background-color:#0000003b;">
                     <div class="col">
                         <div class="fw-normal">
                             Mosfet
diff --git a/src/Client/Pages/Index.razor b/src/Client/Pages/Index.razor
index a97befc..1f4dbe0 100644
--- a/src/Client/Pages/Index.razor
+++ b/src/Client/Pages/Index.razor
@@ -44,7 +44,7 @@
                     <div class="card-body pt-0">
                         <div class="container text-center fw-bold p-0">
                             <div class="row rounded">
-                                <div class="progress p-0" style="height:2px;">
+                                <div class="progress p-0" style="height:0.2rem;">
                                     <span class="progress-bar" role="progressbar" style="width: @status.LoadPercentage%" aria-valuenow="25"
                                           aria-valuemin="0" aria-valuemax="100"></span>
                                 </div>
@@ -84,7 +84,7 @@
                     <div class="card-body pt-0">
                         <div class="container text-center fw-bold p-0">
                             <div class="row rounded">
-                                <div class="progress p-0" style="height:2px;">
+                                <div class="progress p-0" style="height:0.2rem;">
                                     <span class="progress-bar" role="progressbar" style="width: @status.PVPotential%" aria-valuenow="25" aria-valuemin="0"
                                           aria-valuemax="100"></span>
                                 </div>
@@ -121,7 +121,7 @@
                     <div class="card-body p-0 m-0">
                         <div class="container text-center m-0 p-0">
                             <div class="row m-0 p-0">
-                                <div class="progress p-0" style="height:2px;">
+                                <div class="progress p-0" style="height:0.2rem;">
                                     <span class="progress-bar" role="progressbar" style="width: @status.BatteryDischargePotential%" aria-valuenow="25"
                                           aria-valuemin="0" aria-valuemax="100"></span>
                                 </div>
diff --git a/src/Client/Pages/Settings.razor b/src/Client/Pages/Settings.razor
index a039b6d..9774b98 100644
--- a/src/Client/Pages/Settings.razor
+++ b/src/Client/Pages/Settings.razor
@@ -196,7 +196,7 @@
                         <div style="width:6rem;">
                             <input type="number" class="form-control" @bind-value=settings.SystemSpec.PV_MaxCapacity>
                         </div>
-                        <div class="col-1 fw-bolder fs-5 m-1 text-white">Watts</div>
+                        <div class="col-1 fw-bolder fs-5 m-1 text-white">W</div>
                     </div>
                 </div>
             </div>
diff --git a/src/Client/wwwroot/css/app.css b/src/Client/wwwroot/css/app.css
index 48444bf..b07e2e7 100644
--- a/src/Client/wwwroot/css/app.css
+++ b/src/Client/wwwroot/css/app.css
@@ -10,6 +10,11 @@ h1:focus {
     outline: none;
 }
 
+.btn {
+    padding: 0.375rem .5rem;
+    line-height: 1.6;
+}
+
 a, .btn-link {
     color: #0071c1;
 }
@@ -21,7 +26,7 @@ a, .btn-link {
 }
 
 .content {
-    padding-top: 0.5rem;
+    padding-top: 0;
 }
 
 .valid.modified:not([type=checkbox]) {
@@ -161,8 +166,10 @@ a, .btn-link {
     border-top: 1px solid #3c3c3c !important;
 }
 
-.jkbms {
+.container {
     max-width: 100%;
+    padding-left: 0;
+    padding-right: 0;
 }
 
 .nav-tabs .nav-link.active {
@@ -170,6 +177,10 @@ a, .btn-link {
     color: black;
 }
 
+.nav-tabs {
+    border-bottom: 1px solid #6b6b6b;
+}
+
 .form-control {
     background-color: #d0d0d0
 }
diff --git a/src/Server/Endpoints/GetStatus/Endpoint.cs b/src/Server/Endpoints/GetStatus/Endpoint.cs
index 6c9874f..7ded584 100644
--- a/src/Server/Endpoints/GetStatus/Endpoint.cs
+++ b/src/Server/Endpoints/GetStatus/Endpoint.cs
@@ -35,7 +35,7 @@ public class Endpoint : EndpointWithoutRequest<object>
             {
                 var status = new InverterStatus
                 {
-                    ChargeMode = ChargeMode.ABSORPTION,
+                    ChargeMode = ChargeMode.ABSORB,
                     OutputVoltage = Random.Shared.Next(240),
                     LoadWatts = Random.Shared.Next(3500),
                     LoadPercentage = Random.Shared.Next(100),
diff --git a/src/Shared/Models/InverterSetting.cs b/src/Shared/Models/InverterSetting.cs
index eb7b41c..77418da 100644
--- a/src/Shared/Models/InverterSetting.cs
+++ b/src/Shared/Models/InverterSetting.cs
@@ -32,6 +32,6 @@ public enum ChargeMode : ushort
 {
     NONE = 0,
     BULK = 1,
-    ABSORPTION = 2,
+    ABSORB = 2,
     FLOAT = 3
 }
\ No newline at end of file
diff --git a/src/changelog.md b/src/changelog.md
index d8bcc04..35d0276 100644
--- a/src/changelog.md
+++ b/src/changelog.md
@@ -1,4 +1,5 @@
 ## changelog
 
 - change to a dark theme
+- improve ui
 - fix ui bugs
\ No newline at end of file