robonen/mayday
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

refactor: update Notification and Live Activity Views for Improved UI Consistency

Browse Source
This commit is contained in:
Andrew Robonen
2026-03-14 21:03:16 +07:00
parent 8a15572fb9
commit 7675f66488
9 changed files with 1353 additions and 1026 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Mayday/Views/Notifications/NotificationDetailView.swift
+4 -4
View File
@@ -58,7 +58,7 @@ struct NotificationDetailView: View {
VStack(spacing: 16) {
ZStack {
Circle()
.fill(.white)
.fill(Color(.secondarySystemGroupedBackground))
.frame(width: 88, height: 88)
.shadow(color: topicColor.opacity(0.3), radius: 12, y: 4)
Circle()
@@ -115,7 +115,7 @@ struct NotificationDetailView: View {
}
.frame(maxWidth: .infinity, alignment: .leading)
.padding(16)
.background(.white)
.background(Color(.secondarySystemGroupedBackground))
.clipShape(RoundedRectangle(cornerRadius: 16))
.shadow(color: .black.opacity(0.04), radius: 6, y: 2)
}
@@ -145,7 +145,7 @@ struct NotificationDetailView: View {
}
.frame(maxWidth: .infinity, alignment: .leading)
.padding(16)
.background(.white)
.background(Color(.secondarySystemGroupedBackground))
.clipShape(RoundedRectangle(cornerRadius: 16))
.shadow(color: .black.opacity(0.04), radius: 6, y: 2)
}
@@ -186,7 +186,7 @@ struct NotificationDetailView: View {
}
.frame(maxWidth: .infinity, alignment: .leading)
.padding(16)
.background(.white)
.background(Color(.secondarySystemGroupedBackground))
.clipShape(RoundedRectangle(cornerRadius: 16))
.shadow(color: .black.opacity(0.04), radius: 6, y: 2)
}
Mayday/Views/Notifications/NotificationsView.swift
+10 -9
View File
@@ -40,13 +40,14 @@ struct NotificationsView: View {
#if DEBUG
if PreviewData.isPreviewMode {
ToolbarItem(placement: .topBarLeading) {
Text("demo_badge")
.font(.caption2.bold())
.foregroundStyle(.white)
.padding(.horizontal, 8)
.padding(.vertical, 3)
.background(.orange)
.clipShape(Capsule())
Button(action: {}) {
Text("demo_badge")
.font(.caption2.bold())
}
.buttonStyle(.borderedProminent)
.tint(.orange)
.controlSize(.mini)
.allowsHitTesting(false)
}
}
#endif
@@ -177,7 +178,7 @@ struct ActiveNotificationCard: View {
.foregroundStyle(Color.red)
.padding(.horizontal, 32)
.padding(.vertical, 10)
.background(.white)
.background(Color(.systemBackground))
.clipShape(RoundedRectangle(cornerRadius: 12))
Spacer()
}
@@ -245,7 +246,7 @@ struct ResolvedNotificationCard: View {
}
}
.padding(16)
.background(.white)
.background(Color(.secondarySystemGroupedBackground))
.clipShape(RoundedRectangle(cornerRadius: 20))
.shadow(color: .black.opacity(0.06), radius: 8, y: 2)
}