feat(creator-profile): 시리즈 섹션 UI 변경
This commit is contained in:
		@@ -15,19 +15,20 @@ struct UserProfileSeriesView: View {
 | 
			
		||||
        VStack(alignment: .leading, spacing: 13.3) {
 | 
			
		||||
            HStack(spacing: 0) {
 | 
			
		||||
                Text("시리즈")
 | 
			
		||||
                    .font(.custom(Font.bold.rawValue, size: 18.3))
 | 
			
		||||
                    .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.grayee)
 | 
			
		||||
                    .font(.custom(Font.preLight.rawValue, size: 14))
 | 
			
		||||
                    .foregroundColor(Color(hex: "78909C"))
 | 
			
		||||
                    .onTapGesture {
 | 
			
		||||
                        AppState.shared
 | 
			
		||||
                            .setAppStep(step: .seriesAll(creatorId: creatorId))
 | 
			
		||||
                    }
 | 
			
		||||
            }
 | 
			
		||||
            .padding(.horizontal, 24)
 | 
			
		||||
            
 | 
			
		||||
            ScrollView(.horizontal, showsIndicators: false) {
 | 
			
		||||
                HStack(alignment: .top, spacing: 13.3) {
 | 
			
		||||
@@ -36,6 +37,7 @@ struct UserProfileSeriesView: View {
 | 
			
		||||
                        SeriesListBigItemView(item: item, isVisibleCreator: false)
 | 
			
		||||
                    }
 | 
			
		||||
                }
 | 
			
		||||
                .padding(.horizontal, 24)
 | 
			
		||||
            }
 | 
			
		||||
        }
 | 
			
		||||
    }
 | 
			
		||||
 
 | 
			
		||||
@@ -67,7 +67,7 @@ struct SeriesListBigItemView: View {
 | 
			
		||||
            .frame(width: 116.7, height: 165, alignment: .center)
 | 
			
		||||
            
 | 
			
		||||
            Text(item.title)
 | 
			
		||||
                .font(.custom(Font.medium.rawValue, size: 12))
 | 
			
		||||
                .font(.custom(Font.preMedium.rawValue, size: 18))
 | 
			
		||||
                .foregroundColor(Color.grayee)
 | 
			
		||||
                .lineLimit(1)
 | 
			
		||||
            
 | 
			
		||||
@@ -82,7 +82,7 @@ struct SeriesListBigItemView: View {
 | 
			
		||||
                        .clipShape(Circle())
 | 
			
		||||
                    
 | 
			
		||||
                    Text(item.creator.nickname)
 | 
			
		||||
                        .font(.custom(Font.medium.rawValue, size: 10))
 | 
			
		||||
                        .font(.custom(Font.preMedium.rawValue, size: 12))
 | 
			
		||||
                        .foregroundColor(Color.gray77)
 | 
			
		||||
                        .lineLimit(1)
 | 
			
		||||
                }
 | 
			
		||||
@@ -98,7 +98,7 @@ struct SeriesListBigItemView: View {
 | 
			
		||||
            }
 | 
			
		||||
            
 | 
			
		||||
            Text(item.publishedDaysOfWeek)
 | 
			
		||||
                .font(.custom(Font.medium.rawValue, size: 11))
 | 
			
		||||
                .font(.custom(Font.preMedium.rawValue, size: 14))
 | 
			
		||||
                .foregroundColor(Color.gray77)
 | 
			
		||||
        }
 | 
			
		||||
        .frame(width: 116.7)
 | 
			
		||||
 
 | 
			
		||||
@@ -56,13 +56,13 @@ struct SeriesListItemView: View {
 | 
			
		||||
            .frame(width: itemWidth, height: itemWidth * 432 / 306)
 | 
			
		||||
            
 | 
			
		||||
            Text(item.title)
 | 
			
		||||
                .font(.custom(Font.medium.rawValue, size: 12))
 | 
			
		||||
                .font(.custom(Font.preMedium.rawValue, size: 18))
 | 
			
		||||
                .foregroundColor(Color.grayee)
 | 
			
		||||
                .lineLimit(2)
 | 
			
		||||
                .frame(width: itemWidth, alignment: .leading)
 | 
			
		||||
            
 | 
			
		||||
            Text(item.publishedDaysOfWeek)
 | 
			
		||||
                .font(.custom(Font.medium.rawValue, size: 11))
 | 
			
		||||
                .font(.custom(Font.preMedium.rawValue, size: 14))
 | 
			
		||||
                .foregroundColor(Color.gray77)
 | 
			
		||||
                .frame(width: itemWidth, alignment: .leading)
 | 
			
		||||
        }
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user