EvalueTonSavoir/client/src/pages/Teacher/EditorQuiz/editorQuiz.css

76 lines
1.3 KiB
CSS
Raw Normal View History

2024-03-29 20:08:34 -04:00
.quizEditor .editHeader {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-content: stretch
}
.quizEditor .editHeader .returnButton {
flex-basis: 10%;
display: flex;
justify-content: center;
}
.quizEditor .editHeader .title {
flex-basis: auto;
}
.quizEditor .editHeader .dumb {
flex-basis: 10%;
}
.quizEditor .editSection {
width: 100%;
height: 78vh;
display: flex;
}
.quizEditor .editSection .edit {
flex: 50%;
padding: 5px;
display: flex;
flex-direction: column;
gap: 5px;
overflow: auto;
}
.quizEditor .editSection .edit code {
cursor: pointer;
padding-bottom: 5px;
}
.quizEditor .editSection .edit .upload {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
}
input[type="file"] {
height: 100%;
width: 100%;
}
.quizEditor .editSection .edit .upload .dropArea {
display: flex;
border: 1px dotted;
width: 100%;
padding: 10px;
align-items: center;
justify-content: center;
/* justifyContent: center;
alignItems: center;
backgroundColor: dragIsOver ? "lightgray" : "white; */
}
.quizEditor .editSection .preview {
flex: 50%;
padding: 5px;
overflow: auto;
}