fix(store): separate gradient from cover image so only image stretches on overscroll
This commit is contained in:
@@ -27,16 +27,18 @@ extension StoreDetailView {
|
|||||||
ZStack(alignment: .top) {
|
ZStack(alignment: .top) {
|
||||||
AsyncStoreImage(imageURL: resolvedURL(storeCoverURL))
|
AsyncStoreImage(imageURL: resolvedURL(storeCoverURL))
|
||||||
.frame(height: topSectionHeight + stretchAmount)
|
.frame(height: topSectionHeight + stretchAmount)
|
||||||
.overlay(
|
|
||||||
LinearGradient(
|
|
||||||
colors: [Color.black.opacity(0.32), Color.black.opacity(0.05)],
|
|
||||||
startPoint: .top,
|
|
||||||
endPoint: .bottom
|
|
||||||
)
|
|
||||||
)
|
|
||||||
.offset(y: -stretchAmount)
|
.offset(y: -stretchAmount)
|
||||||
.ignoresSafeArea(.container, edges: .top)
|
.ignoresSafeArea(.container, edges: .top)
|
||||||
|
|
||||||
|
LinearGradient(
|
||||||
|
colors: [Color.black.opacity(0.32), Color.black.opacity(0.05)],
|
||||||
|
startPoint: .top,
|
||||||
|
endPoint: .bottom
|
||||||
|
)
|
||||||
|
.frame(height: topSectionHeight)
|
||||||
|
.ignoresSafeArea(.container, edges: .top)
|
||||||
|
.allowsHitTesting(false)
|
||||||
|
|
||||||
VStack(spacing: 0) {
|
VStack(spacing: 0) {
|
||||||
HStack {
|
HStack {
|
||||||
heroIconButton(icon: "chevron.left") {
|
heroIconButton(icon: "chevron.left") {
|
||||||
|
|||||||
Reference in New Issue
Block a user