feat(slint): split sidebar toggle from nav buttons, animate side panels

NavButtons now renders the collapse toggle and history buttons as two
spaced pills instead of separating them with a bar. Queue and Lyrics
sidebars animate their own width open/closed (160ms ease-in-out) so
they slide in like the main sidebar instead of appearing abruptly.

cc
This commit is contained in:
vicrodh committed 2026-05-18 22:43:13 -06:00
1 parent 7e6e548598
commit 1f6159f3ba
4 files changed
+57 -38

No files matched your search

+5 -1
View File
@@ -110,7 +110,11 @@ component QueueRow inherits Rectangle {
}
export component QueueSidebar inherits Rectangle {
width: 320px;
// Always present; the width animates 0 <-> 320 so the panel slides
// in smoothly, matching the left sidebar's collapse animation.
width: ShellState.right-panel == 1 ? 320px : 0px;
clip: true;
animate width { duration: 160ms; easing: ease-in-out; }
background: Theme.surface-card;
VerticalLayout {