Adjust admin UI right panel size (#9768)

* Adjust admin UI right panel size

* Fix typo
main
Jeong Arm 2019-01-11 19:15:44 +09:00 committed by Eugen Rochko
parent 1183246043
commit 9ee9cb549b
1 changed files with 6 additions and 4 deletions

View File

@ -1,4 +1,6 @@
$no-columns-breakpoint: 600px; $no-columns-breakpoint: 600px;
$sidebar-width: 240px;
$content-width: 840px;
.admin-wrapper { .admin-wrapper {
display: flex; display: flex;
@ -6,7 +8,7 @@ $no-columns-breakpoint: 600px;
height: 100%; height: 100%;
.sidebar-wrapper { .sidebar-wrapper {
flex: 1; flex: 1 1 $sidebar-width;
height: 100%; height: 100%;
background: $ui-base-color; background: $ui-base-color;
display: flex; display: flex;
@ -14,7 +16,7 @@ $no-columns-breakpoint: 600px;
} }
.sidebar { .sidebar {
width: 240px; width: $sidebar-width;
height: 100%; height: 100%;
padding: 0; padding: 0;
overflow-y: auto; overflow-y: auto;
@ -95,12 +97,12 @@ $no-columns-breakpoint: 600px;
} }
.content-wrapper { .content-wrapper {
flex: 2; flex: 2 1 $content-width;
overflow: auto; overflow: auto;
} }
.content { .content {
max-width: 700px; max-width: $content-width;
padding: 20px 15px; padding: 20px 15px;
padding-top: 60px; padding-top: 60px;
padding-left: 25px; padding-left: 25px;