Clarify peer dropdown UI elements order

- Added comments to clarify the order: dot, text, chevron
- Notification dot works on both macOS and iOS
- Elements are properly ordered left to right
This commit is contained in:
jack
2025-07-02 21:21:04 +02:00
parent 13686b3ce9
commit b517cb7cc3
+2 -2
View File
@@ -175,7 +175,7 @@ struct ContentView: View {
} }
} label: { } label: {
HStack(spacing: 4) { HStack(spacing: 4) {
// Notification indicator for unread messages // Notification indicator for unread messages (on the left)
if !viewModel.unreadPrivateMessages.isEmpty { if !viewModel.unreadPrivateMessages.isEmpty {
Circle() Circle()
.fill(Color.orange) .fill(Color.orange)
@@ -187,7 +187,7 @@ struct ContentView: View {
.font(.system(size: 14, design: .monospaced)) .font(.system(size: 14, design: .monospaced))
.foregroundColor(viewModel.isConnected ? textColor : Color.red) .foregroundColor(viewModel.isConnected ? textColor : Color.red)
// Chevron // Chevron (on the right)
Image(systemName: "chevron.down") Image(systemName: "chevron.down")
.font(.system(size: 10)) .font(.system(size: 10))
.foregroundColor(secondaryTextColor) .foregroundColor(secondaryTextColor)