feat(creator-profile): 시리즈 섹션 UI 변경

This commit is contained in:
Yu Sung
2025-10-17 07:20:24 +09:00
parent 84747cdea7
commit 788add773b
3 changed files with 11 additions and 9 deletions

View File

@@ -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)
}
}
}

View File

@@ -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)

View File

@@ -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)
}