지금 라이브 중 - 라이브 아이템 유/무료 표시 방식 수정

- 무료 배경색 : #111111
- 유료 배경색 : #DD4500
- 유료 표시 - white 캔과 함께 100 과 같이 가격으로 변경

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

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

SodaLive/Sources/Live/Now/LiveNowItemView.swift

@@ -12,8 +12,8 @@ struct LiveNowItemView: View {
     
     let item: GetRoomListResponse
     
-    let width: CGFloat = 133.3
+    let width: CGFloat = 128
-    let height: CGFloat = 176.7
+    let height: CGFloat = 179
     
     var body: some View {
         VStack(alignment: .leading, spacing: 8) {
@@ -32,14 +32,20 @@ struct LiveNowItemView: View {
                 )
                 
                 VStack(alignment: .trailing, spacing: 0) {
-                    HStack(spacing: 3.3) {
+                    HStack(spacing: 0) {
-                        Text(item.price > 0 ? "유료" : "무료")
+                        HStack(spacing: 1) {
-                            .font(.custom(Font.medium.rawValue, size: 12))
+                            if item.price > 0 {
-                            .foregroundColor(Color.white)
+                                Image("ic_can_white")
-                            .padding(.horizontal, 7.3)
+                            }
-                            .padding(.vertical, 4)
+                            
-                            .background(Color(hex: item.price > 0 ? "881609" : "643bc8"))
+                            Text(item.price > 0 ? "\(item.price)" : "무료")
-                            .cornerRadius(10)
+                                .font(.custom(Font.medium.rawValue, size: 12))
+                                .foregroundColor(Color.white)
+                        }
+                        .padding(.horizontal, 7.3)
+                        .padding(.vertical, 4)
+                        .background(item.price > 0 ? Color.mainRed3 : Color.gray11)
+                        .cornerRadius(13.3)
                         
                         Spacer()
                         
@@ -47,6 +53,9 @@ struct LiveNowItemView: View {
                             Image("ic_lock")
                                 .resizable()
                                 .frame(width: 20, height: 20)
+                                .padding(2.7)
+                                .background(Color.gray33.opacity(0.7))
+                                .clipShape(Circle())
                         }
                     }
                     .padding(.horizontal, 3.3)
@@ -97,7 +106,7 @@ struct LiveNowItemView_Previews: PreviewProvider {
                 numberOfPeople: 5,
                 coverImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png",
                 isAdult: true,
-                price: 0,
+                price: 20,
                 tags: ["팬미팅", "힐링"],
                 channelName: nil,
                 creatorProfileImage: "https://test-cf.sodalive.net/profile/default-profile.png",

SodaLive/Sources/UI/Theme/Color.swift

@@ -28,5 +28,6 @@ extension Color {
     
     static let mainRed = Color(hex: "ff5c49")
     static let mainRed2 = Color(hex: "ea3a25")
+    static let mainRed3 = Color(hex: "dd4500")
     static let mainYellow = Color(hex: "ffdc00")
 }