Fixed SideBar

This commit is contained in:
Amira24523
2023-06-21 23:10:02 +02:00
parent 20e2351ba9
commit 4ec1cb0749
3 changed files with 7 additions and 12 deletions
+2 -1
View File
@@ -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" />
+4 -4
View File
@@ -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]}
+1 -7
View File
@@ -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 {