Messages badge layout fixed

WalletConnect · Oct 10, 2023 · 2a2e100 · 2a2e100
1 parent a8512fc
commit 2a2e100
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)
+                        }
                     }
                 }
             }