feat(qbz-slint): drop content borders, add Cider-style carousel fades

- Removes the hairline borders around the content region; the chrome
  and content surface colors already delineate the regions cleanly.
- Carousels gain edge-fade gradients: clipped cards dissolve into the
  content background at the left and right edges, shown only when there
  is more to page in that direction — like Cider's row edges.

cc
This commit is contained in:
vicrodh committed 2026-05-18 15:27:37 -06:00
1 parent b9be2dc0d9
commit ece878ed49
2 files changed
+20 -13

No files matched your search

@@ -121,5 +121,22 @@ export component Carousel inherits VerticalLayout {
}
}
}
// Cider-style edge fades — clipped cards dissolve into the
// content background instead of being hard-cut.
Rectangle {
x: 0px;
width: 56px;
background: @linear-gradient(90deg, Theme.surface-main 0%, transparent 100%);
opacity: root.current-page > 0 ? 1.0 : 0.0;
animate opacity { duration: 150ms; }
}
Rectangle {
x: parent.width - self.width;
width: 56px;
background: @linear-gradient(90deg, transparent 0%, Theme.surface-main 100%);
opacity: root.current-page < root.page-count - 1 ? 1.0 : 0.0;
animate opacity { duration: 150ms; }
}
}
}