116 lines
1.8 KiB
CSS
116 lines
1.8 KiB
CSS
.full-editor {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
gap: 1%;
|
|
}
|
|
|
|
@media (max-width: 1000px) {
|
|
.full-editor {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
gap: 5%;
|
|
overflow: scroll;
|
|
scrollbar-width: none;
|
|
}
|
|
.full-editor > div {
|
|
width: 100%;
|
|
height: 1000px;
|
|
}
|
|
.full-editor::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.editor {
|
|
width: 50%;
|
|
height: 100%;
|
|
}
|
|
|
|
.console-container {
|
|
width: 50%;
|
|
}
|
|
|
|
/* .onglet-container{
|
|
height: 5%;
|
|
} */
|
|
.onglet {
|
|
background-color: #312e79;
|
|
width: -webkit-max-content;
|
|
width: -moz-max-content;
|
|
width: max-content;
|
|
height: 100%;
|
|
padding: 1%;
|
|
border-radius: 5px 5px 0 0;
|
|
}
|
|
|
|
.console {
|
|
background-color: #0D0221;
|
|
height: 95%;
|
|
padding: 1%;
|
|
-webkit-transition: .8s;
|
|
transition: .8s;
|
|
}
|
|
|
|
.run-icon {
|
|
color: #00712c;
|
|
height: 100%;
|
|
width: 40%;
|
|
-webkit-transition: .3s;
|
|
transition: .3s;
|
|
}
|
|
|
|
.btn {
|
|
padding: 0 2%;
|
|
}
|
|
|
|
.run-btn {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
font-size: 1.05em;
|
|
background-color: #00be4a;
|
|
color: #00712c;
|
|
padding: 0 2%;
|
|
}
|
|
|
|
.run-btn:hover {
|
|
background-color: #00712c;
|
|
color: white;
|
|
}
|
|
|
|
.run-btn:hover .run-icon {
|
|
color: white;
|
|
}
|
|
|
|
.btn-container {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.loader {
|
|
border-color: #00712c;
|
|
border-bottom-color: transparent;
|
|
}
|
|
|
|
.error_lines {
|
|
color: #ff4f64;
|
|
}
|
|
|
|
.warn {
|
|
-webkit-transition: .3s;
|
|
transition: .3s;
|
|
border: 1px solid #ff4f64;
|
|
}
|
|
/*# sourceMappingURL=Editor.module.css.map */ |