UI 간격 조정

This commit is contained in:
Yu Sung 2025-01-09 06:05:21 +09:00
parent 3a0ca5b945
commit 4a552dabe2
2 changed files with 34 additions and 46 deletions

View File

@ -57,7 +57,7 @@ struct ContentMainView: View {
.strokeBorder(lineWidth: 1) .strokeBorder(lineWidth: 1)
.foregroundColor(Color.graybb) .foregroundColor(Color.graybb)
) )
.padding(.bottom, 26.7) .padding(.bottom, 40)
.padding(.horizontal, 13.3) .padding(.horizontal, 13.3)
.onTapGesture { .onTapGesture {
UserDefaults.set("", forKey: .searchChannel) UserDefaults.set("", forKey: .searchChannel)
@ -65,7 +65,7 @@ struct ContentMainView: View {
} }
ContentMainCreatorRankingView() ContentMainCreatorRankingView()
.padding(.bottom, 26.7) .padding(.bottom, 40)
.padding(.horizontal, 13.3) .padding(.horizontal, 13.3)
ContentMainRecommendSeriesView() ContentMainRecommendSeriesView()

View File

@ -16,52 +16,41 @@ struct SearchChannelView: View {
var body: some View { var body: some View {
BaseView(isLoading: $viewModel.isLoading) { BaseView(isLoading: $viewModel.isLoading) {
VStack(spacing: 0) { VStack(spacing: 0) {
DetailNavigationBar(title: "채널 탐색")
HStack(spacing: 0) { HStack(spacing: 0) {
Image("ic_back") Image("ic_title_search_black")
.resizable()
.frame(width: 20, height: 20)
.padding(13.3)
.onTapGesture {
AppState.shared.back()
}
HStack(spacing: 0) { FocusedTextField(
Image("ic_title_search_black") text: $viewModel.channel,
isFirstResponder: isFocused
FocusedTextField( )
text: $viewModel.channel, .padding(.horizontal, 13.3)
isFirstResponder: isFocused .onAppear {
) DispatchQueue.main.asyncAfter(deadline: .now() + 0.2) {
.padding(.horizontal, 13.3) isFocused = true
.onAppear {
DispatchQueue.main.asyncAfter(deadline: .now() + 0.2) {
isFocused = true
}
}
if !viewModel.channel.isEmpty {
Image("ic_close_white")
.resizable()
.frame(width: 20, height: 20)
.onTapGesture {
viewModel.channel = ""
}
} }
} }
.padding(.horizontal, 21.3)
.frame(height: 50) if !viewModel.channel.isEmpty {
.frame(maxWidth: .infinity) Image("ic_close_white")
.background(Color.gray22) .resizable()
.overlay( .frame(width: 20, height: 20)
RoundedRectangle(cornerRadius: 6.7) .onTapGesture {
.strokeBorder(lineWidth: 1) viewModel.channel = ""
.foregroundColor(Color.graybb) }
) }
} }
.padding(.horizontal, 13.3) .padding(.horizontal, 21.3)
.frame(height: 50) .frame(height: 50)
.background(Color.black) .frame(maxWidth: .infinity)
.padding(.top, 13.3) .background(Color.gray22)
.overlay(
RoundedRectangle(cornerRadius: 6.7)
.strokeBorder(lineWidth: 1)
.foregroundColor(Color.graybb)
)
.padding(.horizontal, 13.3)
ScrollView(.vertical, showsIndicators: false) { ScrollView(.vertical, showsIndicators: false) {
if viewModel.channelResponses.count > 0 { if viewModel.channelResponses.count > 0 {
@ -91,13 +80,12 @@ struct SearchChannelView: View {
Text("검색 결과가 없습니다.") Text("검색 결과가 없습니다.")
.font(.custom(Font.medium.rawValue, size: 18.3)) .font(.custom(Font.medium.rawValue, size: 18.3))
.foregroundColor(.white) .foregroundColor(.white)
.padding(.top, 40) .padding(.top, 20)
} }
} }
.padding(.vertical, 40) .padding(.vertical, 20)
.padding(.horizontal, 26.7) .padding(.horizontal, 13.3)
} }
.padding(.horizontal, 13.3)
.popup(isPresented: $viewModel.isShowPopup, type: .toast, position: .top, autohideIn: 2) { .popup(isPresented: $viewModel.isShowPopup, type: .toast, position: .top, autohideIn: 2) {
GeometryReader { geo in GeometryReader { geo in
HStack { HStack {