콘텐츠 메인 숏플, 라이브 다시 듣기 버튼 수정
- 부가 설명 제거 - 버튼 배경 이미지로 변경 - 글자 크기 14.7 -> 16.7로 변경 - 아이콘 큰 사이즈로 변경
This commit is contained in:
@@ -38,47 +38,47 @@ struct ContentMainView: View {
|
||||
.padding(.bottom, 26.7)
|
||||
.padding(.horizontal, 13.3)
|
||||
|
||||
HStack(spacing: 13.3) {
|
||||
VStack(spacing: 2.7) {
|
||||
HStack(spacing: 8) {
|
||||
ZStack {
|
||||
Image("img_bg_short_play")
|
||||
.resizable()
|
||||
.frame(maxWidth: .infinity)
|
||||
.cornerRadius(2.6)
|
||||
|
||||
HStack(spacing: 2.7) {
|
||||
Image("ic_short_play")
|
||||
|
||||
Text("숏플")
|
||||
.font(.custom(Font.bold.rawValue, size: 14.7))
|
||||
.font(.custom(Font.bold.rawValue, size: 16.7))
|
||||
.foregroundColor(Color(hex: "dd158d"))
|
||||
}
|
||||
|
||||
Text("짧지만 꼴릿한 이야기")
|
||||
.font(.custom(Font.light.rawValue, size: 10))
|
||||
.foregroundColor(Color(hex: "dd158d"))
|
||||
.padding(.vertical, 16)
|
||||
.frame(maxWidth: .infinity)
|
||||
.cornerRadius(2.6)
|
||||
}
|
||||
.padding(.vertical, 10)
|
||||
.frame(maxWidth: .infinity)
|
||||
.background(Color(hex: "ffecf7"))
|
||||
.cornerRadius(2.6)
|
||||
.onTapGesture {
|
||||
AppState.shared.setAppStep(
|
||||
step: .contentAllByTheme(themeId: 11)
|
||||
)
|
||||
}
|
||||
|
||||
VStack(spacing: 2.7) {
|
||||
ZStack {
|
||||
Image("img_bg_review_live")
|
||||
.resizable()
|
||||
.frame(maxWidth: .infinity)
|
||||
.cornerRadius(2.6)
|
||||
|
||||
HStack(spacing: 2.7) {
|
||||
Image("ic_thumb_play_blue")
|
||||
|
||||
Text("라이브 다시듣기")
|
||||
.font(.custom(Font.bold.rawValue, size: 14.7))
|
||||
.font(.custom(Font.bold.rawValue, size: 16.7))
|
||||
.foregroundColor(Color(hex: "0057ff"))
|
||||
}
|
||||
|
||||
Text("놓쳤던 라이브 다시듣기")
|
||||
.font(.custom(Font.light.rawValue, size: 10))
|
||||
.foregroundColor(Color(hex: "0057ff"))
|
||||
.padding(.vertical, 16)
|
||||
.frame(maxWidth: .infinity)
|
||||
.cornerRadius(2.6)
|
||||
}
|
||||
.padding(.vertical, 10)
|
||||
.frame(maxWidth: .infinity)
|
||||
.background(Color(hex: "ecf9ff"))
|
||||
.cornerRadius(2.6)
|
||||
.onTapGesture {
|
||||
AppState.shared.setAppStep(
|
||||
step: .contentAllByTheme(themeId: 7)
|
||||
|
Reference in New Issue
Block a user