fix: 메인 홈 - 시리즈 아이템

- 완결 마크 위치 수정: 오른쪽 아래 => 왼쪽 위
This commit is contained in:
Yu Sung
2025-07-15 00:57:15 +09:00
parent ef11a0ae28
commit dc83c627c3

View File

@@ -26,37 +26,35 @@ struct SeriesItemView: View {
.clipped() .clipped()
VStack(alignment: .leading, spacing: 0) { VStack(alignment: .leading, spacing: 0) {
if !item.isComplete && item.isNew { HStack(spacing: 0) {
Text("신작") if item.isPopular {
.font(.custom(Font.preRegular.rawValue, size: 12)) Text("인기")
.foregroundColor(.white) .font(.custom(Font.preRegular.rawValue, size: 12))
.padding(.horizontal, 10) .foregroundColor(.white)
.padding(.vertical, 3) .padding(.horizontal, 10)
.background( .padding(.vertical, 3)
LinearGradient( .background(Color(hex: "EF5247"))
gradient: Gradient(stops: [ .cornerRadius(16, corners: [.topLeft, .bottomRight])
.init(color: Color(hex: "0001B1"), location: 0.24), }
.init(color: Color(hex: "3B5FF1"), location: 1.0)
]), if item.isNew {
startPoint: .top, Text("신작")
endPoint: .bottom .font(.custom(Font.preRegular.rawValue, size: 12))
.foregroundColor(.white)
.padding(.horizontal, 10)
.padding(.vertical, 3)
.background(
LinearGradient(
gradient: Gradient(stops: [
.init(color: Color(hex: "0001B1"), location: 0.24),
.init(color: Color(hex: "3B5FF1"), location: 1.0)
]),
startPoint: .top,
endPoint: .bottom
)
) )
) .cornerRadius(16, corners: [.topLeft, .bottomRight])
.cornerRadius(16, corners: [.topLeft, .bottomRight]) }
} else if item.isPopular {
Text("인기")
.font(.custom(Font.preRegular.rawValue, size: 12))
.foregroundColor(.white)
.padding(.horizontal, 10)
.padding(.vertical, 3)
.background(Color(hex: "EF5247"))
.cornerRadius(16, corners: [.topLeft, .bottomRight])
}
Spacer()
HStack {
Spacer()
if item.isComplete { if item.isComplete {
Text("완결") Text("완결")
@@ -66,19 +64,25 @@ struct SeriesItemView: View {
.padding(.vertical, 3) .padding(.vertical, 3)
.background(Color.black.opacity(0.7)) .background(Color.black.opacity(0.7))
.cornerRadius(16, corners: [.topLeft, .bottomRight]) .cornerRadius(16, corners: [.topLeft, .bottomRight])
} else {
Text("\(item.numberOfContent)")
.font(.custom(Font.preRegular.rawValue, size: 12))
.foregroundColor(.white)
.padding(.horizontal, 10)
.padding(.vertical, 3)
.overlay {
RoundedRectangle(cornerRadius: 39)
.strokeBorder(lineWidth: 1)
.foregroundColor(.white)
}
} }
} }
Spacer()
HStack {
Spacer()
Text("\(item.numberOfContent)")
.font(.custom(Font.preRegular.rawValue, size: 12))
.foregroundColor(.white)
.padding(.horizontal, 10)
.padding(.vertical, 3)
.overlay {
RoundedRectangle(cornerRadius: 39)
.strokeBorder(lineWidth: 1)
.foregroundColor(.white)
}
}
.padding(.bottom, 8) .padding(.bottom, 8)
.padding(.trailing, 8) .padding(.trailing, 8)
} }
@@ -118,7 +122,7 @@ struct SeriesItemView: View {
title: "제목, 관심사,프로필+방장, 참여인원(어딘가..)", title: "제목, 관심사,프로필+방장, 참여인원(어딘가..)",
coverImage: "https://test-cf.sodalive.net/profile/default-profile.png", coverImage: "https://test-cf.sodalive.net/profile/default-profile.png",
publishedDaysOfWeek: "매주 수, 토요일", publishedDaysOfWeek: "매주 수, 토요일",
isComplete: false, isComplete: true,
creator: SeriesListItemCreator( creator: SeriesListItemCreator(
creatorId: 1, creatorId: 1,
nickname: "creator", nickname: "creator",
@@ -126,7 +130,7 @@ struct SeriesItemView: View {
), ),
numberOfContent: 10, numberOfContent: 10,
isNew: true, isNew: true,
isPopular: false isPopular: true
) )
) )
} }