Merge pull request #1173 from WalletConnect/feature/messages-badge-la…

…yout [Notify] Messages badge layout fixed
WalletConnect · Oct 11, 2023 · 476c0fe · 476c0fe
2 parents c29b11e + 2a2e100
commit 476c0fe
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/Example/WalletApp/PresentationLayer/Wallet/Notifications/NotificationsView.swift b/Example/WalletApp/PresentationLayer/Wallet/Notifications/NotificationsView.swift
@@ -126,15 +126,17 @@ struct NotificationsView: View {
                     }
 
                     Spacer()
-                    
+
                     if subscription.hasMessage {
-                        Text(String(subscription.messagesCount))
-                            .foregroundColor(.Inverse100)
-                            .font(.system(size: 13, weight: .medium))
-                            .frame(width: 20, height: 20)
-                            .background {
-                                Circle().foregroundColor(.blue100)
-                            }
+                        VStack{
+                            Text(String(subscription.messagesCount))
+                                .foregroundColor(.Inverse100)
+                                .font(.system(size: 13, weight: .medium).monospacedDigit())
+                                .padding(.horizontal, 8)
+                                .padding(.vertical, 4)
+                        }.background {
+                            Capsule().foregroundColor(.blue100)
+                        }
                     }
                 }
             }