fix some layout

This commit is contained in:
PangMo5 2021-07-16 01:03:06 +09:00
parent 5c4ee44575
commit 97e9016d6a
2 changed files with 4 additions and 2 deletions

View File

@ -23,7 +23,8 @@ struct LibrarySearchView: View {
ZStack { ZStack {
VStack { VStack {
SearchBar(text: $searchQuery) SearchBar(text: $searchQuery)
.padding(.vertical, 8) .padding(.top, 16)
.padding(.bottom, 8)
if searchQuery.isEmpty { if searchQuery.isEmpty {
suggestionsListView suggestionsListView
} else { } else {
@ -70,6 +71,7 @@ struct LibrarySearchView: View {
} }
} }
.pickerStyle(SegmentedPickerStyle()) .pickerStyle(SegmentedPickerStyle())
.padding(.horizontal, 16)
let items = items(for: viewModel.selectedItemType) let items = items(for: viewModel.selectedItemType)
ScrollView { ScrollView {
LazyVStack(alignment: .leading, spacing: 16) { LazyVStack(alignment: .leading, spacing: 16) {

View File

@ -17,7 +17,7 @@ struct SearchBar: View {
var body: some View { var body: some View {
HStack(spacing: 8) { HStack(spacing: 8) {
TextField("Search...", text: $text) TextField("Search...", text: $text)
.padding(7) .padding(8)
.padding(.horizontal, 16) .padding(.horizontal, 16)
.background(Color(.systemGray6)) .background(Color(.systemGray6))
.cornerRadius(8) .cornerRadius(8)