feat: 메인 라이브
- 커뮤니티 신규 UI 사이즈 적용
This commit is contained in:
		@@ -17,82 +17,73 @@ struct CreatorCommunityItemView: View {
 | 
			
		||||
            HStack(spacing: 11) {
 | 
			
		||||
                KFImage(URL(string: item.creatorProfileUrl))
 | 
			
		||||
                    .cancelOnDisappear(true)
 | 
			
		||||
                    .downsampling(
 | 
			
		||||
                        size: CGSize(
 | 
			
		||||
                            width: 40,
 | 
			
		||||
                            height: 40
 | 
			
		||||
                        )
 | 
			
		||||
                    )
 | 
			
		||||
                    .resizable()
 | 
			
		||||
                    .frame(width: 40, height: 40)
 | 
			
		||||
                    .clipShape(Circle())
 | 
			
		||||
                
 | 
			
		||||
                Text(item.creatorNickname)
 | 
			
		||||
                    .font(.custom(Font.medium.rawValue, size: 13.3))
 | 
			
		||||
                    .foregroundColor(Color.grayee)
 | 
			
		||||
                VStack(alignment: .leading, spacing: 0) {
 | 
			
		||||
                    Text(item.creatorNickname)
 | 
			
		||||
                        .font(.custom(Font.preBold.rawValue, size: 18))
 | 
			
		||||
                        .foregroundColor(Color.white)
 | 
			
		||||
                    
 | 
			
		||||
                    Text(item.date)
 | 
			
		||||
                        .font(.custom(Font.preRegular.rawValue, size: 14))
 | 
			
		||||
                        .foregroundColor(Color(hex: "78909C"))
 | 
			
		||||
                }
 | 
			
		||||
                
 | 
			
		||||
                Spacer()
 | 
			
		||||
                
 | 
			
		||||
                Text(item.date)
 | 
			
		||||
                    .font(.custom(Font.light.rawValue, size: 13.3))
 | 
			
		||||
                    .foregroundColor(Color.gray77)
 | 
			
		||||
            }
 | 
			
		||||
            
 | 
			
		||||
            HStack(spacing: 0) {
 | 
			
		||||
                Text(item.content)
 | 
			
		||||
                    .font(.custom(Font.medium.rawValue, size: 12))
 | 
			
		||||
                    .foregroundColor(Color.graybb)
 | 
			
		||||
                    .font(.custom(Font.preRegular.rawValue, size: 18))
 | 
			
		||||
                    .foregroundColor(Color(hex: "B0BEC5"))
 | 
			
		||||
                    .fixedSize(horizontal: false, vertical: true)
 | 
			
		||||
                    .lineLimit(3)
 | 
			
		||||
                    .truncationMode(.tail)
 | 
			
		||||
                
 | 
			
		||||
                Spacer()
 | 
			
		||||
                
 | 
			
		||||
                if let imageUrl = item.imageUrl {
 | 
			
		||||
                    KFImage(URL(string: imageUrl))
 | 
			
		||||
                        .cancelOnDisappear(true)
 | 
			
		||||
                        .downsampling(
 | 
			
		||||
                            size: CGSize(
 | 
			
		||||
                                width: 53.3,
 | 
			
		||||
                                height: 53.3
 | 
			
		||||
                            )
 | 
			
		||||
                        )
 | 
			
		||||
                        .resizable()
 | 
			
		||||
                        .frame(width: 53.3, height: 53.3)
 | 
			
		||||
                        .cornerRadius(4.7)
 | 
			
		||||
                        .frame(width: 64, height: 64)
 | 
			
		||||
                        .cornerRadius(12)
 | 
			
		||||
                        .blur(radius: item.existOrdered || item.price <= 0 ? 0 : 15)
 | 
			
		||||
                } else {
 | 
			
		||||
                    Rectangle()
 | 
			
		||||
                        .foregroundColor(Color.gray22.opacity(0))
 | 
			
		||||
                        .frame(width: 53.3, height: 53.3)
 | 
			
		||||
                        .frame(width: 64, height: 64)
 | 
			
		||||
                }
 | 
			
		||||
            }
 | 
			
		||||
            
 | 
			
		||||
            HStack(spacing: 13.3) {
 | 
			
		||||
                HStack(spacing: 6) {
 | 
			
		||||
                    Image("ic_heart_777")
 | 
			
		||||
                HStack(spacing: 4) {
 | 
			
		||||
                    Image("ic_heart_78909c")
 | 
			
		||||
                        .resizable()
 | 
			
		||||
                        .frame(width: 13.3, height: 13.3)
 | 
			
		||||
                        .frame(width: 24, height: 24)
 | 
			
		||||
                    
 | 
			
		||||
                    Text("\(item.likeCount)")
 | 
			
		||||
                        .font(.custom(Font.medium.rawValue, size: 11))
 | 
			
		||||
                        .foregroundColor(Color.gray77)
 | 
			
		||||
                        .font(.custom(Font.preRegular.rawValue, size: 18))
 | 
			
		||||
                        .foregroundColor(Color(hex: "78909C"))
 | 
			
		||||
                }
 | 
			
		||||
                
 | 
			
		||||
                HStack(spacing: 6) {
 | 
			
		||||
                    Image("ic_message_square_777")
 | 
			
		||||
                HStack(spacing: 4) {
 | 
			
		||||
                    Image("ic_comment_78909c")
 | 
			
		||||
                        .resizable()
 | 
			
		||||
                        .frame(width: 13.3, height: 13.3)
 | 
			
		||||
                        .frame(width: 24, height: 24)
 | 
			
		||||
                    
 | 
			
		||||
                    Text("\(item.commentCount)")
 | 
			
		||||
                        .font(.custom(Font.medium.rawValue, size: 11))
 | 
			
		||||
                        .foregroundColor(Color.gray77)
 | 
			
		||||
                        .font(.custom(Font.preRegular.rawValue, size: 18))
 | 
			
		||||
                        .foregroundColor(Color(hex: "78909C"))
 | 
			
		||||
                }
 | 
			
		||||
            }
 | 
			
		||||
        }
 | 
			
		||||
        .frame(maxWidth: .infinity, alignment: .leading)
 | 
			
		||||
        .padding(13.3)
 | 
			
		||||
        .background(Color.gray22)
 | 
			
		||||
        .cornerRadius(11)
 | 
			
		||||
        .padding(16)
 | 
			
		||||
        .background(Color(hex: "263238"))
 | 
			
		||||
        .cornerRadius(16)
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user