[Glitch] Adjust admin UI right panel size

Port 9ee9cb549b to glitch-soc
master
Thibaut Girka 6 years ago
parent 2c5f0f12ac
commit 4cec7a77c3
  1. 10
      app/javascript/flavours/glitch/styles/admin.scss

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

Loading…
Cancel
Save