fix some layout
This commit is contained in:
parent
5c4ee44575
commit
97e9016d6a
|
@ -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) {
|
||||||
|
|
|
@ -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)
|
||||||
|
|
Loading…
Reference in New Issue