Fixed SideBar
This commit is contained in:
Generated
+2
-1
@@ -6,7 +6,8 @@
|
||||
<component name="ChangeListManager">
|
||||
<list default="true" id="744e9299-0ce3-415c-8733-c935bf920887" name="Changes" comment="">
|
||||
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
|
||||
<change beforePath="$PROJECT_DIR$/anwendung/src/components/CalenderView.jsx" beforeDir="false" afterPath="$PROJECT_DIR$/anwendung/src/components/CalenderView.jsx" afterDir="false" />
|
||||
<change beforePath="$PROJECT_DIR$/anwendung/src/components/StatusBar.jsx" beforeDir="false" afterPath="$PROJECT_DIR$/anwendung/src/components/StatusBar.jsx" afterDir="false" />
|
||||
<change beforePath="$PROJECT_DIR$/anwendung/src/styles/globals.css" beforeDir="false" afterPath="$PROJECT_DIR$/anwendung/src/styles/globals.css" afterDir="false" />
|
||||
</list>
|
||||
<option name="SHOW_DIALOG" value="false" />
|
||||
<option name="HIGHLIGHT_CONFLICTS" value="true" />
|
||||
|
||||
@@ -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]}
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user