feat: Restructure styles for cli and new pages
- Remove header from cli - Add body_cli class - Remove unnecessary frame element
This commit is contained in:
parent
f1d17490e0
commit
0c37acf47f
4 changed files with 63 additions and 75 deletions
|
|
@ -4,41 +4,8 @@
|
|||
}
|
||||
}
|
||||
|
||||
#cli {
|
||||
@extend %flex-column;
|
||||
|
||||
background-color: black;
|
||||
|
||||
#line {
|
||||
@extend %flex-row;
|
||||
}
|
||||
|
||||
#prompt {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
pre {
|
||||
margin: .5em 0;
|
||||
color: white;
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: none;
|
||||
max-height: 128px;
|
||||
margin: $margin_io;
|
||||
border: 0;
|
||||
padding: $space_half;
|
||||
// color: $color_text_io;
|
||||
color: white;
|
||||
// background-color: $color_back_io;
|
||||
background-color: transparent;
|
||||
line-height: 1.2;
|
||||
}
|
||||
}
|
||||
|
||||
.body_frame {
|
||||
@extend %flex-column;
|
||||
@extend .body_ui;
|
||||
|
||||
background-color: $color_back_basic;
|
||||
|
||||
|
|
@ -88,6 +55,46 @@
|
|||
}
|
||||
}
|
||||
|
||||
.body_cli {
|
||||
@extend .body_frame;
|
||||
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
#cli {
|
||||
@extend %flex-column;
|
||||
|
||||
background-color: black;
|
||||
|
||||
#line {
|
||||
@extend %flex-row;
|
||||
}
|
||||
|
||||
#prompt {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
pre {
|
||||
margin: .5em 0;
|
||||
color: white;
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: none;
|
||||
max-height: 128px;
|
||||
margin: $margin_io;
|
||||
border: 0;
|
||||
padding: $space_half;
|
||||
// color: $color_text_io;
|
||||
color: white;
|
||||
// background-color: $color_back_io;
|
||||
background-color: transparent;
|
||||
line-height: 1.2;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
#content {
|
||||
background-color: $color_back_io;
|
||||
|
||||
|
|
@ -112,6 +119,8 @@
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.io {
|
||||
.spacer {
|
||||
margin: 0;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue