diff --git a/Flipcash/Core/Screens/Main/Home/TransactionDetailsScreen.swift b/Flipcash/Core/Screens/Main/Home/TransactionDetailsScreen.swift index 986c51f83..1f20daeb5 100644 --- a/Flipcash/Core/Screens/Main/Home/TransactionDetailsScreen.swift +++ b/Flipcash/Core/Screens/Main/Home/TransactionDetailsScreen.swift @@ -71,8 +71,7 @@ struct TransactionDetailsScreen: View { // here. router.push(.tipConversationForUser(userID)) } - .buttonStyle(.filled) - .padding(.top, 4) + .buttonStyle(.filled05) } } .padding(.horizontal, 20) diff --git a/FlipcashUI/Sources/FlipcashUI/Views/ButtonStyles/FilledButtonStyle.swift b/FlipcashUI/Sources/FlipcashUI/Views/ButtonStyles/FilledButtonStyle.swift index 14c24cdea..a40c415f5 100644 --- a/FlipcashUI/Sources/FlipcashUI/Views/ButtonStyles/FilledButtonStyle.swift +++ b/FlipcashUI/Sources/FlipcashUI/Views/ButtonStyles/FilledButtonStyle.swift @@ -95,6 +95,18 @@ extension ButtonStyle where Self == FilledButtonStyle { ) } + /// A full-width filled button at 5% action color opacity — the same tint the + /// row and card surfaces carry, for an action that reads as one of them. + public static var filled05: FilledButtonStyle { + .init( + textColor: .textMain, + textDisabledColor: .textMain.opacity(0.2), + overlayColor: .action.opacity(0.05), + overlayDisabledColor: .action.opacity(0.05), + isCompact: false + ) + } + /// A full-width filled button at 20% action color opacity (compact variant). public static var filled20Compact: FilledButtonStyle { .init(