fix(store): separate gradient from cover image so only image stretches on overscroll

This commit is contained in:
Daniel Arantes Loverde
2026-06-03 15:03:54 -03:00
parent d2189bb701
commit 1f2089772c

View File

@@ -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") {