mirror of
https://github.com/Xevion/simple-viewer.git
synced 2025-12-10 08:08:42 -06:00
make index panel background darker, move inline flexbox styling out of browse.html (scss!), make add dir dialog use small content width
This commit is contained in:
@@ -6,7 +6,7 @@
|
||||
$primary: hsl(163, 100%, 49%);
|
||||
$link: hsl(163, 100%, 49%);
|
||||
$link-hover: findDarkColor($link);
|
||||
$body-background-color: $black-bis;
|
||||
$body-background-color: hsl(0, 0%, 9%);
|
||||
$code-background: $grey-darker;
|
||||
$code: $link;
|
||||
|
||||
@@ -94,3 +94,28 @@ html, body {
|
||||
color: $link;
|
||||
}
|
||||
}
|
||||
|
||||
.panel {
|
||||
background: darken($body-background-color, 2.5%);
|
||||
}
|
||||
|
||||
.flex-container {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: flex-end;
|
||||
align-content: stretch;
|
||||
align-items: flex-start;
|
||||
|
||||
div {
|
||||
align-self: auto;
|
||||
}
|
||||
|
||||
div:nth-child(1) {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
div:nth-child(2), div:nth-child(3) {
|
||||
flex: 0 1 auto;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user