diff --git a/apps/ios/Shared/Views/Chat/ComposeMessage/ComposeFileView.swift b/apps/ios/Shared/Views/Chat/ComposeMessage/ComposeFileView.swift index 488fe0a65d..e169b94445 100644 --- a/apps/ios/Shared/Views/Chat/ComposeMessage/ComposeFileView.swift +++ b/apps/ios/Shared/Views/Chat/ComposeMessage/ComposeFileView.swift @@ -33,7 +33,11 @@ struct ComposeFileView: View { .padding(.vertical, 1) .padding(.trailing, 12) .frame(height: 50) - .background(theme.appColors.sentMessage) + .background( + theme.appColors.sentMessage + .shadow(color: .black.opacity(0.12), radius: 4, x: 0, y: 0) + .mask(Rectangle().padding(.bottom, -8)) + ) .frame(maxWidth: .infinity) .padding(.top, 8) } diff --git a/apps/ios/Shared/Views/Chat/ComposeMessage/ComposeImageView.swift b/apps/ios/Shared/Views/Chat/ComposeMessage/ComposeImageView.swift index d9f63f6d33..ec557beabc 100644 --- a/apps/ios/Shared/Views/Chat/ComposeMessage/ComposeImageView.swift +++ b/apps/ios/Shared/Views/Chat/ComposeMessage/ComposeImageView.swift @@ -45,7 +45,11 @@ struct ComposeImageView: View { } .padding(.vertical, 1) .padding(.trailing, 12) - .background(theme.appColors.sentMessage) + .background( + theme.appColors.sentMessage + .shadow(color: .black.opacity(0.12), radius: 4, x: 0, y: 0) + .mask(Rectangle().padding(.bottom, -8)) + ) .frame(maxWidth: .infinity) .padding(.top, 8) } diff --git a/apps/ios/Shared/Views/Chat/ComposeMessage/ComposeLinkView.swift b/apps/ios/Shared/Views/Chat/ComposeMessage/ComposeLinkView.swift index 7df0a3037a..4f990972d9 100644 --- a/apps/ios/Shared/Views/Chat/ComposeMessage/ComposeLinkView.swift +++ b/apps/ios/Shared/Views/Chat/ComposeMessage/ComposeLinkView.swift @@ -62,7 +62,11 @@ struct ComposeLinkView: View { } .padding(.vertical, 1) .padding(.trailing, 12) - .background(theme.appColors.sentMessage) + .background( + theme.appColors.sentMessage + .shadow(color: .black.opacity(0.12), radius: 4, x: 0, y: 0) + .mask(Rectangle().padding(.bottom, -8)) + ) .frame(maxWidth: .infinity) .padding(.top, 8) } diff --git a/apps/ios/Shared/Views/Chat/ComposeMessage/ComposeView.swift b/apps/ios/Shared/Views/Chat/ComposeMessage/ComposeView.swift index 4fad264449..3535c630dd 100644 --- a/apps/ios/Shared/Views/Chat/ComposeMessage/ComposeView.swift +++ b/apps/ios/Shared/Views/Chat/ComposeMessage/ComposeView.swift @@ -664,7 +664,11 @@ struct ComposeView: View { .padding(12) .frame(minHeight: 50) .frame(maxWidth: .infinity, alignment: .leading) - .background(Color(uiColor: .tertiarySystemGroupedBackground)) + .background( + Color(uiColor: .tertiarySystemGroupedBackground) + .shadow(color: .black.opacity(0.12), radius: 4, x: 0, y: 0) + .mask(Rectangle().padding(.bottom, -8)) + ) .padding(.top, 8) } diff --git a/apps/ios/Shared/Views/Chat/ComposeMessage/ComposeVoiceView.swift b/apps/ios/Shared/Views/Chat/ComposeMessage/ComposeVoiceView.swift index 4b813d35cb..b6e6acb1dd 100644 --- a/apps/ios/Shared/Views/Chat/ComposeMessage/ComposeVoiceView.swift +++ b/apps/ios/Shared/Views/Chat/ComposeMessage/ComposeVoiceView.swift @@ -50,7 +50,11 @@ struct ComposeVoiceView: View { } .padding(.vertical, 1) .frame(height: ComposeVoiceView.previewHeight) - .background(theme.appColors.sentMessage) + .background( + theme.appColors.sentMessage + .shadow(color: .black.opacity(0.12), radius: 4, x: 0, y: 0) + .mask(Rectangle().padding(.bottom, -8)) + ) .frame(maxWidth: .infinity) .padding(.top, 8) } diff --git a/apps/ios/Shared/Views/Chat/ComposeMessage/ContextInvitingContactMemberView.swift b/apps/ios/Shared/Views/Chat/ComposeMessage/ContextInvitingContactMemberView.swift index cd6f5961cd..8f8ecef0cb 100644 --- a/apps/ios/Shared/Views/Chat/ComposeMessage/ContextInvitingContactMemberView.swift +++ b/apps/ios/Shared/Views/Chat/ComposeMessage/ContextInvitingContactMemberView.swift @@ -20,7 +20,11 @@ struct ContextInvitingContactMemberView: View { .padding(12) .frame(minHeight: 50) .frame(maxWidth: .infinity, alignment: .leading) - .background(theme.appColors.sentMessage) + .background( + theme.appColors.sentMessage + .shadow(color: .black.opacity(0.12), radius: 4, x: 0, y: 0) + .mask(Rectangle().padding(.bottom, -8)) + ) .padding(.top, 8) } } diff --git a/apps/ios/Shared/Views/Chat/ComposeMessage/ContextItemView.swift b/apps/ios/Shared/Views/Chat/ComposeMessage/ContextItemView.swift index 3c89cbeb85..b9209da8a5 100644 --- a/apps/ios/Shared/Views/Chat/ComposeMessage/ContextItemView.swift +++ b/apps/ios/Shared/Views/Chat/ComposeMessage/ContextItemView.swift @@ -45,7 +45,11 @@ struct ContextItemView: View { .padding(12) .frame(minHeight: 50) .frame(maxWidth: .infinity) - .background(chatItemFrameColor(contextItem, theme)) + .background( + chatItemFrameColor(contextItem, theme) + .shadow(color: .black.opacity(0.12), radius: 4, x: 0, y: 0) + .mask(Rectangle().padding(.bottom, -8)) + ) .padding(.top, 8) }