diff --git a/Projects/Features/MemeDetail/Sources/MemeDetailView.swift b/Projects/Features/MemeDetail/Sources/MemeDetailView.swift index 1a69a52..a96e1c7 100644 --- a/Projects/Features/MemeDetail/Sources/MemeDetailView.swift +++ b/Projects/Features/MemeDetail/Sources/MemeDetailView.swift @@ -40,15 +40,17 @@ public struct MemeDetailView: View { tabBarTap(tab) } .background( - KFImage(URL(string: viewModel.state.meme.imageUrlString)) - .resizable() - .loadDiskFileSynchronously() - .cacheMemoryOnly() - .aspectRatio(contentMode: .fill) - .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .center) - .clipped() - .opacity(0.4) - .edgesIgnoringSafeArea(.top) + KFImage(URL(string: viewModel.state.meme.imageUrlString)) + .resizable() + .loadDiskFileSynchronously() + .cacheMemoryOnly() + .aspectRatio(contentMode: .fill) + .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .center) + .clipped() + .opacity(0.4) // Image Opacity: 40% + .blur(radius: 50) // Layer Blur: 50 + .overlay(Color.white.opacity(0.3)) // White Dim: #fff, Opacity: 30% + .edgesIgnoringSafeArea(.top) ) .onAppear { viewModel.logMemeDetail(interaction: .view, event: .meme)