UI: replace textual 'close' with X icon\n\n- AppInfoView (iOS): use xmark icon in nav bar to match Location Notes style.\n- LocationChannelsSheet: use xmark icon for close on iOS/macOS toolbars; add accessibility label.

This commit is contained in:
jack
2025-09-13 22:02:56 +02:00
parent 57cc9028cb
commit ee4ce4a38e
2 changed files with 21 additions and 7 deletions
+7 -3
View File
@@ -86,10 +86,14 @@ struct AppInfoView: View {
.navigationBarTitleDisplayMode(.inline) .navigationBarTitleDisplayMode(.inline)
.toolbar { .toolbar {
ToolbarItem(placement: .navigationBarTrailing) { ToolbarItem(placement: .navigationBarTrailing) {
Button("close") { Button(action: { dismiss() }) {
dismiss() Image(systemName: "xmark")
.font(.system(size: 13, weight: .semibold, design: .monospaced))
.foregroundColor(textColor)
.frame(width: 32, height: 32)
} }
.foregroundColor(textColor) .buttonStyle(.plain)
.accessibilityLabel("Close")
} }
} }
} }
+14 -4
View File
@@ -58,15 +58,25 @@ struct LocationChannelsSheet: View {
.navigationBarTitleDisplayMode(.inline) .navigationBarTitleDisplayMode(.inline)
.toolbar { .toolbar {
ToolbarItem(placement: .navigationBarTrailing) { ToolbarItem(placement: .navigationBarTrailing) {
Button("close") { isPresented = false } Button(action: { isPresented = false }) {
.font(.system(size: 14, design: .monospaced)) Image(systemName: "xmark")
.font(.system(size: 13, weight: .semibold, design: .monospaced))
.frame(width: 32, height: 32)
}
.buttonStyle(.plain)
.accessibilityLabel("Close")
} }
} }
#else #else
.toolbar { .toolbar {
ToolbarItem(placement: .automatic) { ToolbarItem(placement: .automatic) {
Button("close") { isPresented = false } Button(action: { isPresented = false }) {
.font(.system(size: 14, design: .monospaced)) Image(systemName: "xmark")
.font(.system(size: 13, weight: .semibold, design: .monospaced))
.frame(width: 20, height: 20)
}
.buttonStyle(.plain)
.accessibilityLabel("Close")
} }
} }
#endif #endif