fix: 밈 상세 배경 요구사항 맞게 수정

mash-up-kr · Oct 1, 2024 · 066fc54 · 066fc54
1 parent 90371f0
commit 066fc54
Showing 1 changed file with 11 additions and 9 deletions.
diff --git 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)