Added search placeholder and larger cancel button

Closes: #153
Changelog-Changed: Added search placeholder and larger cancel button
This commit is contained in:
Suhail Saqan
2022-12-26 16:29:21 -06:00
committed by William Casarin
parent 380f51a9ce
commit 86be185d2f

View File

@@ -16,12 +16,13 @@ struct SearchHomeView: View {
var SearchInput: some View { var SearchInput: some View {
ZStack(alignment: .leading) { ZStack(alignment: .leading) {
HStack{ HStack{
TextField("", text: $search) TextField("Search...", text: $search)
.padding(8) .padding(8)
.padding(.leading, 35) .padding(.leading, 35)
.autocorrectionDisabled(true) .autocorrectionDisabled(true)
.textInputAutocapitalization(.never) .textInputAutocapitalization(.never)
Label("", systemImage: "xmark.square") Text("Cancel")
.foregroundColor(.blue)
.padding(EdgeInsets(top: 0.0, leading: 0.0, bottom: 0.0, trailing: 10.0)) .padding(EdgeInsets(top: 0.0, leading: 0.0, bottom: 0.0, trailing: 10.0))
.opacity((search == "") ? 0.0 : 1.0) .opacity((search == "") ? 0.0 : 1.0)
.onTapGesture { .onTapGesture {