mirror of
https://github.com/Textualize/textual.git
synced 2025-10-17 02:38:12 +03:00
39 lines
573 B
CSS
39 lines
573 B
CSS
App > View {
|
|
layout: dock;
|
|
docks: side=left/1 header=top footer=bottom;
|
|
}
|
|
|
|
#sidebar {
|
|
text: bold #09312e on #3caea3;
|
|
dock: side;
|
|
width: 30;
|
|
height: 1fr;
|
|
border-right: outer #09312e;
|
|
offset-x: -100%;
|
|
transition: offset 400ms in_out_cubic;
|
|
}
|
|
|
|
#sidebar.-active {
|
|
offset-x: 0;
|
|
transition: offset 400ms in_out_cubic;
|
|
}
|
|
|
|
#header {
|
|
text: on #173f5f;
|
|
dock: header;
|
|
height: 3;
|
|
border: hkey white;
|
|
}
|
|
|
|
#footer {
|
|
dock: header;
|
|
height: 3;
|
|
border-top: hkey #0f2b41;
|
|
text: #3a3009 on #f6d55c;
|
|
}
|
|
|
|
#content {
|
|
dock: header;
|
|
text: bold on #20639b;
|
|
}
|