Improve layout

This commit is contained in:
Isaiah Odhner 2023-04-11 08:47:47 -04:00
parent 7d1afed296
commit e2c9b4b66c
2 changed files with 10 additions and 3 deletions

View File

@ -13,14 +13,19 @@ Screen {
layout: grid;
grid-size: 2;
grid-gutter: 1 2;
grid-columns: 20 1fr;
grid-columns: 18 1fr;
grid-rows: 1fr;
margin: 0 0;
}
#editing-area {
background: $surface-lighten-3;
}
#canvas {
width: auto;
height: auto;
margin: 1 2;
}
#tools_box {
@ -30,7 +35,6 @@ Screen {
grid-columns: 6;
grid-rows: 3;
padding: 1 1;
width: 20;
height: 100%;
border-bottom: tall $panel-darken-2;
}

View File

@ -274,7 +274,10 @@ class PaintApp(App):
with Container(id="paint"):
yield Container(
ToolsBox(),
Container(Canvas(id="canvas")),
Container(
Canvas(id="canvas"),
id="editing-area",
),
id="main-horizontal-split",
)
yield ColorsBox()