mirror of
https://github.com/Textualize/textual.git
synced 2025-10-17 02:38:12 +03:00
more functionality via CSS
This commit is contained in:
@@ -1,22 +1,24 @@
|
||||
#calculator {
|
||||
layout: table;
|
||||
table-columns: 1fr 1fr 1fr 1fr;
|
||||
table-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
|
||||
table-size: 4;
|
||||
table-gutter: 1 2;
|
||||
margin: 1;
|
||||
table-columns: 1fr;
|
||||
table-rows: 1fr;
|
||||
margin: 1 2;
|
||||
min-height:23;
|
||||
}
|
||||
|
||||
.display {
|
||||
column-span: 4;
|
||||
content-align: center middle;
|
||||
height: 100%;
|
||||
background: $panel-darken-2;
|
||||
}
|
||||
|
||||
Button {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.display {
|
||||
column-span: 4;
|
||||
content-align: right middle;
|
||||
padding: 0 1;
|
||||
height: 100%;
|
||||
background: $panel-darken-2;
|
||||
}
|
||||
|
||||
.special {
|
||||
|
||||
@@ -29,7 +29,6 @@ class CalculatorApp(App):
|
||||
Button("=", variant="warning"),
|
||||
id="calculator",
|
||||
)
|
||||
self.dark = True
|
||||
|
||||
|
||||
app = CalculatorApp(css_path="calculator.css")
|
||||
|
||||
Reference in New Issue
Block a user