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:
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; }
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user