Added static Input-Form Prototype

This commit is contained in:
AlexE030
2023-05-10 18:19:34 +02:00
parent 646c64c7d9
commit 7db358248d
7 changed files with 158 additions and 6 deletions
+71 -2
View File
@@ -62,6 +62,7 @@ Button
/*
Step Progress Bar
*/
.step-container
{
display: flex;
@@ -121,6 +122,9 @@ Step Progress Bar
z-index: -1;
}
/*
weekSelector
*/
.dateElement{
display: flex;
@@ -291,11 +295,76 @@ Calender View
}
.entry p
{
.entry p {
color: white;
font-size: 16px;
cursor: default;
pointer-events: none;
}
/*
inputForm
*/
input {
border-width: 2px;
border-radius: 5px;
}
.courseNameInput {
width: 300px;
}
.semesterDateInput {
width: 150px;
}
.semesterDateLables, .semesterDateInputPair {
display:flex;
flex-direction: row;
justify-content: left;
}
.inputFieldSeperator {
width: 40px;
text-align: center;
}
.semesterDateLable{
width: 150px;
margin-right: 40px;
}
.semesterRangeInput {
margin-top: 50px;
}
.inputForm {
width: 600px;
height: 600px;
padding: 20px;
border: solid;
display: flex;
flex-direction: column;
}
#buttons {
align-self: flex-end;
display: flex;
flex-direction: row;
align-items: flex-end;
}
.dozentSelector {
height: 350px;
border: solid;
margin-top: 20px;
width: 300px;
padding: 10px;
margin-bottom: 20px;
}
th {
text-align: left;
}