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) {
|
||||
AsyncStoreImage(imageURL: resolvedURL(storeCoverURL))
|
||||
.frame(height: topSectionHeight + stretchAmount)
|
||||
.overlay(
|
||||
LinearGradient(
|
||||
colors: [Color.black.opacity(0.32), Color.black.opacity(0.05)],
|
||||
startPoint: .top,
|
||||
endPoint: .bottom
|
||||
)
|
||||
)
|
||||
.offset(y: -stretchAmount)
|
||||
.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) {
|
||||
HStack {
|
||||
heroIconButton(icon: "chevron.left") {
|
||||
|
||||
Reference in New Issue
Block a user