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:
sthag 2025-06-23 20:12:47 +02:00
parent f1d17490e0
commit 0c37acf47f
4 changed files with 63 additions and 75 deletions

View file

@ -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;