콘텐츠 메인 숏플, 라이브 다시 듣기 버튼 수정

- 부가 설명 제거
- 버튼 배경 이미지로 변경
- 글자 크기 14.7 -> 16.7로 변경
- 아이콘 큰 사이즈로 변경
This commit is contained in:
Yu Sung 2024-02-15 00:50:57 +09:00
parent 97f703cb22
commit dc73d6e89c
7 changed files with 63 additions and 21 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

View File

@ -0,0 +1,21 @@
{
"images" : [
{
"idiom" : "universal",
"scale" : "1x"
},
{
"idiom" : "universal",
"scale" : "2x"
},
{
"filename" : "img_bg_review_live.png",
"idiom" : "universal",
"scale" : "3x"
}
],
"info" : {
"author" : "xcode",
"version" : 1
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

View File

@ -0,0 +1,21 @@
{
"images" : [
{
"idiom" : "universal",
"scale" : "1x"
},
{
"idiom" : "universal",
"scale" : "2x"
},
{
"filename" : "img_bg_short_play.png",
"idiom" : "universal",
"scale" : "3x"
}
],
"info" : {
"author" : "xcode",
"version" : 1
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

View File

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