Fixed SideBar

anwendung/src/components/StatusBar.jsx

@@ -15,18 +15,18 @@ export default function StatusBar(p)
     actives[index] = "active";
 
     let actives2 = ["", "", ""];
-    actives2[index2] = "finished";
+    actives2[index2] = "active";
 
     let actives3 = ["", "", ""];
-    actives3[index3] = "finished";
+    actives3[index3] = "active";
 
     let actives4 = ["", "", ""];
-    actives4[index4] = "finished";
+    actives4[index4] = "active";
 
     return (
         <div className={"step-container"}>
             <div className={"steps"}>
-                <span className={"step " + classNames[0] + " " + actives[0] + actives2[0] + actives3[0] + actives4[0]}>1</span>
+                <span className={"step " + classNames[0] + " " + actives[0] + actives2[1] + actives3[1] + actives4[0]}>1</span>
                 <span className={"step " + classNames[0] + " " + actives[1] + actives2[1] + actives3[1] + actives4[1]}>2</span>
                 <span className={"step " + classNames[0] + " " + actives[2] + actives2[2] + actives3[2] + actives4[2]}>3</span>
                 <div className={"progress-bar " + classNames[index]}

anwendung/src/styles/globals.css

@@ -192,16 +192,10 @@ Step Progress Bar
 
 }
 
-.steps .finished {
-    /*background-image: linear-gradient(#43C20BFF, #0bc27c);*/
-    background-color: #77932b;
-}
-
-
 .steps .active {
     /*border-width: 2px;*/
     /*border-color: #1e2428;*/
-    background-color: #346991;
+    background-color: #77932b;
 }
 
 .progress-bar {