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