update nav look

julien6387 · Apr 19, 2024 · 4959ed9 · 4959ed9
1 parent c5681a9
commit 4959ed9
Showing 1 changed file with 9 additions and 8 deletions.
diff --git a/supvisors/ui/css/menu.css b/supvisors/ui/css/menu.css
@@ -20,9 +20,10 @@ nav ul {
 
 nav li {
     background-color: var(--navbg-color);
+    height: 30px;
     margin-bottom: 2px;
     border: 1px #111 solid;
-    border-radius: 0 6px 0 6px;
+    border-radius: 6px 50% 50% 6px;
 }
 
 nav li a {
@@ -56,51 +57,51 @@ nav li:active {
 }
 
 nav .UNKNOWN, nav .ISOLATED {
-    background-image: radial-gradient(ellipse 80% 170% at center right, grey 20%, transparent 30%);
+    background-image: radial-gradient(ellipse 75% 170% at center right, grey 20%, transparent 30%);
 }
 
 nav .UNKNOWN.active {
     background-image: radial-gradient(circle at center left, grey 40%, transparent 50%);
 }
 
 nav .CHECKING {
-    background-image: radial-gradient(ellipse 80% 170% at center right, var(--running-color) 10%, grey 20%, transparent 30%);
+    background-image: radial-gradient(ellipse 75% 170% at center right, var(--running-color) 10%, grey 20%, transparent 30%);
 }
 
 nav .CHECKING.active {
     background-image: radial-gradient(circle at center left, grey 30%, var(--running-color) 40%, transparent 50%);
 }
 
 nav .STOPPED, nav .SILENT {
-    background-image: radial-gradient(ellipse 80% 170% at center right, var(--stopped-color) 20%, transparent 30%);
+    background-image: radial-gradient(ellipse 75% 170% at center right, var(--stopped-color) 20%, transparent 30%);
 }
 
 nav .STOPPED.active, nav .SILENT.active {
     background-image: radial-gradient(circle at center left, var(--stopped-color), transparent 50%);
 }
 
 nav .RUNNING, nav .CHECKED {
-    background-image: radial-gradient(ellipse 80% 170% at center right, var(--running-color) 20%, transparent 30%);
+    background-image: radial-gradient(ellipse 75% 170% at center right, var(--running-color) 20%, transparent 30%);
 }
 
 nav .RUNNING.active, nav .CHECKED.active {
     background-image: radial-gradient(circle at center left, var(--running-color), transparent 50%);
 }
 
 nav .FAILED {
-    background-image: radial-gradient(ellipse 80% 170% at center right, var(--fatal-color) 20%, transparent 30%);
+    background-image: radial-gradient(ellipse 75% 170% at center right, var(--fatal-color) 20%, transparent 30%);
 }
 
 nav .STARTING {
-    background-image: radial-gradient(ellipse 80% 170% at center right, var(--running-color) 10%, var(--stopped-color) 20%, transparent 30%);
+    background-image: radial-gradient(ellipse 75% 170% at center right, var(--running-color) 10%, var(--stopped-color) 20%, transparent 30%);
 }
 
 nav .STARTING.active {
     background-image: radial-gradient(circle at center left, var(--stopped-color) 30%, var(--running-color) 40%, transparent 50%);
 }
 
 nav .STOPPING {
-    background-image: radial-gradient(ellipse 80% 170% at center right, var(--stopped-color) 10%, var(--running-color) 20%, transparent 30%);
+    background-image: radial-gradient(ellipse 75% 170% at center right, var(--stopped-color) 10%, var(--running-color) 20%, transparent 30%);
 }
 
 nav li.STOPPING.active {