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