feat: add ui examples
This commit is contained in:
parent
26f5539f3f
commit
3a867c169a
10 changed files with 660 additions and 0 deletions
44
source/style/modules/ui/_settings_module.scss
Executable file
44
source/style/modules/ui/_settings_module.scss
Executable file
|
|
@ -0,0 +1,44 @@
|
|||
$module_top_height: 32px;
|
||||
|
||||
.body_ui {
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
#frame {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
background-color: $color-dark;
|
||||
|
||||
.title-bar {
|
||||
button {
|
||||
margin: 0 2px;
|
||||
}
|
||||
}
|
||||
|
||||
main {
|
||||
aside {
|
||||
background-color: $color_brighter;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.frame-flex {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.title-bar {
|
||||
display: flex;
|
||||
|
||||
div:last-child {
|
||||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
main {
|
||||
flex: 1;
|
||||
|
||||
aside, section {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue