style(slint): match toolbar selects to genre button + sharp toggle + grouped list rows

- QbzSelect sm now matches the favorites genre button: no outline, 6px
  corners (was Radius.sm 8px), 12px label (was body). Standard size
  (Settings) unchanged.
- ToggleButton snaps its icon to whole pixels (the HeaderBar/QueueSidebar
  treatment) so the grid/list glyphs render crisp instead of blurry.
- AlbumCollectionView grouped sections now follow the view mode: in list
  mode each group renders AlbumListRow rows (column header once on top)
  instead of always a card grid, so group + list no longer conflict.

cc
This commit is contained in:
vicrodh committed 2026-05-27 11:45:52 -06:00
1 parent 39c8e86d7b
commit 1d4b5c7868
3 files changed
+35 -7

No files matched your search

@@ -62,8 +62,10 @@ export component QbzSelect inherits Rectangle {
width: root.menu-width;
height: root.sm ? 30px : 34px;
border-radius: Radius.sm;
border-width: 1px;
// sm matches the favorites toolbar buttons (6px, no outline); the
// standard size keeps the settings-style bordered look.
border-radius: root.sm ? 6px : Radius.sm;
border-width: root.sm ? 0px : 1px;
border-color: Theme.border-subtle;
background: ta.has-hover && root.enabled ? Theme.surface-hover : Theme.surface-elevated;
opacity: root.enabled ? 1.0 : 0.4;
@@ -77,7 +79,7 @@ export component QbzSelect inherits Rectangle {
? root.options[root.current-index]
: "";
color: Theme.text-primary;
font-size: Typography.body;
font-size: root.sm ? 12px : Typography.body;
vertical-alignment: center;
horizontal-stretch: 1;
overflow: elide;