feat(creator-profile): 후원 랭킹 섹션, 팬 Talk 섹션 UI 변경
This commit is contained in:
		@@ -21,21 +21,22 @@ struct UserProfileDonationView: View {
 | 
			
		||||
    ]
 | 
			
		||||
    
 | 
			
		||||
    var body: some View {
 | 
			
		||||
        VStack(alignment: .leading, spacing: 0) {
 | 
			
		||||
        VStack(alignment: .leading, spacing: 14) {
 | 
			
		||||
            HStack(spacing: 0) {
 | 
			
		||||
                Text("후원랭킹")
 | 
			
		||||
                    .font(.custom(Font.bold.rawValue, size: 16.7))
 | 
			
		||||
                    .foregroundColor(Color.grayee)
 | 
			
		||||
                    .font(.custom(Font.preBold.rawValue, size: 26))
 | 
			
		||||
                    .foregroundColor(Color.white)
 | 
			
		||||
                
 | 
			
		||||
                Spacer()
 | 
			
		||||
                
 | 
			
		||||
                Text("전체보기")
 | 
			
		||||
                    .font(.custom(Font.light.rawValue, size: 11.3))
 | 
			
		||||
                    .foregroundColor(Color.graybb)
 | 
			
		||||
                    .font(.custom(Font.preLight.rawValue, size: 14))
 | 
			
		||||
                    .foregroundColor(Color(hex: "78909C"))
 | 
			
		||||
                    .onTapGesture {
 | 
			
		||||
                        AppState.shared.setAppStep(step: .userProfileDonationAll(userId: userId))
 | 
			
		||||
                    }
 | 
			
		||||
            }
 | 
			
		||||
            .padding(.horizontal, 24)
 | 
			
		||||
            
 | 
			
		||||
            ScrollView(.horizontal, showsIndicators: false) {
 | 
			
		||||
                HStack(spacing: 13.3) {
 | 
			
		||||
@@ -47,13 +48,13 @@ struct UserProfileDonationView: View {
 | 
			
		||||
                                    .cancelOnDisappear(true)
 | 
			
		||||
                                    .downsampling(
 | 
			
		||||
                                        size: CGSize(
 | 
			
		||||
                                            width: 60,
 | 
			
		||||
                                            height: 60
 | 
			
		||||
                                            width: 70,
 | 
			
		||||
                                            height: 70
 | 
			
		||||
                                        )
 | 
			
		||||
                                    )
 | 
			
		||||
                                    .resizable()
 | 
			
		||||
                                    .scaledToFill()
 | 
			
		||||
                                    .frame(width: 60, height: 60, alignment: .top)
 | 
			
		||||
                                    .frame(width: 70, height: 70, alignment: .top)
 | 
			
		||||
                                    .clipShape(Circle())
 | 
			
		||||
                                    .overlay(
 | 
			
		||||
                                        Circle()
 | 
			
		||||
@@ -71,21 +72,21 @@ struct UserProfileDonationView: View {
 | 
			
		||||
                                            .resizable()
 | 
			
		||||
                                            .frame(width: 25, height: 25)
 | 
			
		||||
                                    }
 | 
			
		||||
                                    .frame(width: 63, height: 63, alignment: .trailing)
 | 
			
		||||
                                    .frame(width: 73, height: 73, alignment: .trailing)
 | 
			
		||||
                                }
 | 
			
		||||
                            }
 | 
			
		||||
                            .frame(width: 63, height: 63)
 | 
			
		||||
                            .frame(width: 73, height: 73)
 | 
			
		||||
                            
 | 
			
		||||
                            Text(item.nickname)
 | 
			
		||||
                                .font(.custom(Font.medium.rawValue, size: 12))
 | 
			
		||||
                                .font(.custom(Font.preMedium.rawValue, size: 12))
 | 
			
		||||
                                .foregroundColor(.grayee)
 | 
			
		||||
                                .frame(width: 63)
 | 
			
		||||
                                .lineLimit(1)
 | 
			
		||||
                        }
 | 
			
		||||
                    }
 | 
			
		||||
                }
 | 
			
		||||
                .padding(.horizontal, 24)
 | 
			
		||||
            }
 | 
			
		||||
            .padding(.top, 26.7)
 | 
			
		||||
        }
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user