more settings

This commit is contained in:
2025-10-29 15:31:56 +11:00
parent 653714c946
commit 411ffdd471

View File

@@ -1,5 +1,5 @@
from textual.screen import ModalScreen
from textual.widgets import Label, TabbedContent, TabPane, Checkbox
from textual.widgets import Label, Select, TabbedContent, TabPane, Checkbox
from textual.containers import Vertical, HorizontalGroup, VerticalGroup
from textual.binding import Binding
@@ -24,16 +24,23 @@ class SettingsScreen(ModalScreen):
.setting {
padding: 0 2;
background: red;
.setting-name {
text-style: bold;
}
.setting-desc {
text-style: dim;
text-wrap: wrap;
width: 1fr;
width: 100%;
min-width: 30;
}
VerticalGroup {
max-width: 30%;
width: 50%;
min-width: 20;
}
Select {
width: 25;
padding: 0;
}
}
}
@@ -50,11 +57,16 @@ class SettingsScreen(ModalScreen):
with Vertical(id="window") as window:
window.border_title = "Settings"
with TabbedContent():
yield TabPane("Appearance")
with TabPane("Appearance"):
with HorizontalGroup(classes="setting"):
with VerticalGroup():
yield Label("Colour Theme", classes="setting-name")
yield Label("Colour theme used for the entire Berry app.", classes="setting-desc")
yield Select.from_values(["theme 1", "theme 2", "theme 3"], allow_blank=False)
with TabPane("Editor"):
with HorizontalGroup(classes="setting"):
with VerticalGroup():
yield Label("Word Wrap", classes="setting-name")
yield Label("Enable word wrap in the code editor.", classes="setting-desc")
yield Checkbox(value=True)
yield TabPane("Plugins")
yield TabPane("Plugins")