콘텐츠 메인 숏플, 라이브 다시 듣기 버튼 수정

- 부가 설명 제거
- 버튼 배경 이미지로 변경
- 글자 크기 14.7 -> 16.7로 변경
- 아이콘 큰 사이즈로 변경

SodaLive/Resources/Assets.xcassets/img_bg_review_live.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "img_bg_review_live.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

SodaLive/Resources/Assets.xcassets/img_bg_short_play.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "img_bg_short_play.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

SodaLive/Sources/Content/Main/ContentMainView.swift

@@ -38,47 +38,47 @@ struct ContentMainView: View {
                             .padding(.bottom, 26.7)
                             .padding(.horizontal, 13.3)
                         
-                        HStack(spacing: 13.3) {
+                        HStack(spacing: 8) {
-                            VStack(spacing: 2.7) {
+                            ZStack {
+                                Image("img_bg_short_play")
+                                    .resizable()
+                                    .frame(maxWidth: .infinity)
+                                    .cornerRadius(2.6)
+                                
                                 HStack(spacing: 2.7) {
                                     Image("ic_short_play")
                                     
                                     Text("숏플")
-                                        .font(.custom(Font.bold.rawValue, size: 14.7))
+                                        .font(.custom(Font.bold.rawValue, size: 16.7))
                                         .foregroundColor(Color(hex: "dd158d"))
                                 }
-                                
+                                .padding(.vertical, 16)
-                                Text("짧지만 꼴릿한 이야기")
+                                .frame(maxWidth: .infinity)
-                                    .font(.custom(Font.light.rawValue, size: 10))
+                                .cornerRadius(2.6)
-                                    .foregroundColor(Color(hex: "dd158d"))
                             }
-                            .padding(.vertical, 10)
-                            .frame(maxWidth: .infinity)
-                            .background(Color(hex: "ffecf7"))
-                            .cornerRadius(2.6)
                             .onTapGesture {
                                 AppState.shared.setAppStep(
                                     step: .contentAllByTheme(themeId: 11)
                                 )
                             }
                             
-                            VStack(spacing: 2.7) {
+                            ZStack {
+                                Image("img_bg_review_live")
+                                    .resizable()
+                                    .frame(maxWidth: .infinity)
+                                    .cornerRadius(2.6)
+                                
                                 HStack(spacing: 2.7) {
                                     Image("ic_thumb_play_blue")
                                     
                                     Text("라이브 다시듣기")
-                                        .font(.custom(Font.bold.rawValue, size: 14.7))
+                                        .font(.custom(Font.bold.rawValue, size: 16.7))
                                         .foregroundColor(Color(hex: "0057ff"))
                                 }
-                                
+                                .padding(.vertical, 16)
-                                Text("놓쳤던 라이브 다시듣기")
+                                .frame(maxWidth: .infinity)
-                                    .font(.custom(Font.light.rawValue, size: 10))
+                                .cornerRadius(2.6)
-                                    .foregroundColor(Color(hex: "0057ff"))
                             }
-                            .padding(.vertical, 10)
-                            .frame(maxWidth: .infinity)
-                            .background(Color(hex: "ecf9ff"))
-                            .cornerRadius(2.6)
                             .onTapGesture {
                                 AppState.shared.setAppStep(
                                     step: .contentAllByTheme(themeId: 7)