Add macOS 26 compatibility for search UI

Removed border overlay on search text field for macOS 26+ to match new design guidelines. Added conditional padding to sort label for better alignment on macOS 26+.
This commit is contained in:
Arkadiusz Fal
2025-11-14 19:32:39 +01:00
parent 6aef3f10b1
commit 6c3da98465
2 changed files with 17 additions and 3 deletions

View File

@@ -93,9 +93,16 @@ struct SearchTextField: View {
.fill(Color.background) .fill(Color.background)
.frame(height: 27) .frame(height: 27)
.overlay( .overlay(
RoundedRectangle(cornerRadius: 5, style: .continuous) Group {
.stroke(Color.gray.opacity(0.4), lineWidth: 1) if #available(macOS 26, *) {
.frame(height: 27) // No border for macOS 26+
EmptyView()
} else {
RoundedRectangle(cornerRadius: 5, style: .continuous)
.stroke(Color.gray.opacity(0.4), lineWidth: 1)
.frame(height: 27)
}
}
) )
} }

View File

@@ -212,6 +212,13 @@ struct SearchView: View {
HStack { HStack {
Text("Sort:") Text("Sort:")
.foregroundColor(.secondary) .foregroundColor(.secondary)
.padding(.leading, {
if #available(macOS 26, *) {
return 12
} else {
return 0
}
}())
searchSortOrderPicker searchSortOrderPicker
} }
} }