fix: remove top padding from video and files thumbnails - WPB-23931 (#4466)

Author: jullianm

WireMessaging/Sources/WireMessagingUI/WireDrive/Components/AttachmentsPreviewView/WireDriveLargeDocumentPreviewView.swift

@@ -26,6 +26,7 @@ struct WireDriveLargeDocumentPreviewView: View {
     private static let errorMessage = L10n.Localizable.Conversation.Message.Attachment.previewNotAvailable
     private static let downloadErrorMessage = L10n.Localizable.Conversation.Message.Attachment.unableToDownload
     private static let loadingMessage = L10n.Localizable.Conversation.Message.Attachment.loadingContent
+    private static let previewCornerRadius = 10.0
 
     let headerIcon: Image
     let headerText: String
@@ -42,7 +43,7 @@ struct WireDriveLargeDocumentPreviewView: View {
             progressColor: downloadError
                 ? ColorTheme.Base.error.color : ColorTheme.Base.primary(wireAccentColor).color
         ) {
-            VStack {
+            VStack(spacing: 0) {
                 WireDriveDocumentHeaderView(
                     headerIcon: headerIcon,
                     headerText: headerText,
@@ -65,7 +66,7 @@ struct WireDriveLargeDocumentPreviewView: View {
                         }
                     }
                 }
-            }
+            }.background(ColorTheme.Backgrounds.surfaceVariant.color)
         }
     }
 
@@ -95,7 +96,7 @@ struct WireDriveLargeDocumentPreviewView: View {
             .background(alignment: .top) {
                 content()
             }
-            .clipped()
+            .clipShape(RoundedRectangle(cornerRadius: Self.previewCornerRadius))
     }
 
     @ViewBuilder

WireMessaging/Sources/WireMessagingUI/WireDrive/Components/AttachmentsPreviewView/WireDriveLargeVideoPreviewView.swift

@@ -48,7 +48,7 @@ struct WireDriveLargeVideoPreviewView: View {
             progressColor: downloadError
                 ? ColorTheme.Base.error.color : ColorTheme.Base.primary(wireAccentColor).color
         ) {
-            VStack {
+            VStack(spacing: 0) {
                 WireDriveDocumentHeaderView(
                     headerIcon: headerIcon,
                     headerText: headerText,
@@ -76,7 +76,7 @@ struct WireDriveLargeVideoPreviewView: View {
                         durationView(duration: duration)
                     }
                 }
-            }
+            }.background(ColorTheme.Backgrounds.surfaceVariant.color)
         }
     }