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

View File

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

View File

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