alihan/textual
1
0
Fork 0
mirror of https://github.com/Textualize/textual.git synced 2025-10-17 02:38:12 +03:00
Code Issues Packages Projects Releases Wiki Activity

basic example

Browse Source
This commit is contained in:
Will McGugan
2021-11-25 21:14:37 +00:00
parent a73c921198
commit ad8f7e893a
5 changed files with 42 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
examples/basic.css Normal file
View File

@@ -0,0 +1,33 @@
App > DockView {
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;
}
#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;
}

58
examples/basic.py
View File

@@ -5,62 +5,10 @@ from textual.widget import Widget
class BasicApp(App):
"""A basic app demonstrating CSS"""
css = """
App > DockView {
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: vkey #09312e;
display: block;
offset-x: -15
}
#sidebar.-active {
display: block;
}
#header {
text: on #173f5f;
dock-group: header;
height: 3;
border: hkey white;
}
#footer {
dock-group: header;
/* border-top: hkey #0f2b41; */
text: #3a3009 on #f6d55c;
/*padding: 2;*/
border: heavy red;
margin: 2;
}
#content {
dock-group: header;
text: on #20639B;
}
"""
async def on_load(self) -> None:
await self.bind("t", "toggle('#sidebar', '-active')")
async def on_mount(self) -> None:
def on_mount(self) -> None:
"""Build layout here."""
await self.view.mount(
self.view.mount(
header=Widget(),
content=Widget(),
footer=Widget(),
@@ -68,4 +16,4 @@ class BasicApp(App):
)
BasicApp.run(log="textual.log")
BasicApp.run(css_file="basic.css")