feat(qbz-slint): discover toolbar and distinct sidebar surface
- The sidebar now uses the elevated surface (#1a1a1a) over the #0f0f0f content area, matching the QBZ dark theme (--bg-secondary over --bg-primary). - Discover Home gains a proper 56px toolbar with a bottom border: the tab pill on the left, a "Filter by genre" button and a settings gear on the right. The toolbar is fixed; only the section carousels scroll below it. cc
This commit is contained in:
2 files changed
+112
-26
No files matched your search
@@ -12,7 +12,9 @@ import { ScrollView } from "std-widgets.slint";
|
||||
|
||||
export component Sidebar inherits Rectangle {
|
||||
width: Layout.sidebar-width;
|
||||
background: Theme.surface-main;
|
||||
// The sidebar sits one surface above the content area, matching the
|
||||
// QBZ dark theme (--bg-secondary sidebar over --bg-primary content).
|
||||
background: Theme.surface-card;
|
||||
|
||||
VerticalLayout {
|
||||
padding: Spacing.md;
|
||||
@@ -75,7 +77,7 @@ export component Sidebar inherits Rectangle {
|
||||
font-size: Typography.body;
|
||||
}
|
||||
Text {
|
||||
text: "Slint POC";
|
||||
text: "QBZ MVP";
|
||||
color: Theme.text-muted;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user