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:
vicrodh committed 2026-05-18 14:22:49 -06:00
1 parent 8748ef1211
commit 0fce415e3a
2 files changed
+112 -26

No files matched your search

+4 -2
View File
@@ -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;
}