fix: image formatting for notifications, tweak post buttons (#141)

Author: wesleynw

Splajompy/Notifications/NotificationsView.swift

@@ -85,7 +85,8 @@ struct NotificationsView: View {
       case .failed(let error):
         ErrorScreen(
           errorString: error.localizedDescription,
-          onRetry: { await viewModel.loadNotifications(reset: true) })
+          onRetry: { await viewModel.loadNotifications(reset: true) }
+        )
       }
 
     }
@@ -173,10 +174,18 @@ struct NotificationRow: View {
           Spacer()
 
           if let blobUrl = notification.imageBlob {
+            let targetSize: CGFloat = 40
+            let scale = UIScreen.main.scale
+            let downsamplingSize = CGSize(
+              width: targetSize * scale,
+              height: targetSize * scale
+            )
             KFImage(URL(string: blobUrl))
-              .downsampling(size: CGSize.init(width: 40, height: 40))
+              .downsampling(size: downsamplingSize)
               .resizable()
+              .aspectRatio(contentMode: .fill)
               .frame(width: 40, height: 40)
+              .clipped()
               .cornerRadius(5)
           }
         }

Splajompy/Posts/PostView.swift

@@ -139,9 +139,9 @@ struct PostView: View {
               },
               label: {
                 Image(systemName: "ellipsis")
-                  .font(.system(size: 18))
+                  .font(.system(size: 22))
                   .frame(width: 48, height: 40)
-                  .background(RoundedRectangle(cornerRadius: 12).fill(.gray.opacity(0.08)))
+                  .background(RoundedRectangle(cornerRadius: 12).fill(.gray.opacity(0.15)))
                   .contentShape(RoundedRectangle(cornerRadius: 12))
               }
             )
@@ -152,9 +152,9 @@ struct PostView: View {
             }) {
               ZStack {
                 Image(systemName: "bubble.middle.bottom")
-                  .font(.system(size: 18))
+                  .font(.system(size: 22))
                   .frame(width: 48, height: 40)
-                  .background(RoundedRectangle(cornerRadius: 12).fill(.gray.opacity(0.08)))
+                  .background(RoundedRectangle(cornerRadius: 12).fill(.gray.opacity(0.15)))
                   .contentShape(RoundedRectangle(cornerRadius: 12))
 
                 if post.commentCount > 0 {
@@ -175,9 +175,9 @@ struct PostView: View {
             PostHogSDK.shared.capture("post_like")
           }) {
             Image(systemName: post.isLiked ? "heart.fill" : "heart")
-              .font(.system(size: 18))
+              .font(.system(size: 22))
               .frame(width: 48, height: 40)
-              .background(RoundedRectangle(cornerRadius: 12).fill(.gray.opacity(0.08)))
+              .background(RoundedRectangle(cornerRadius: 12).fill(.gray.opacity(0.15)))
               .contentShape(RoundedRectangle(cornerRadius: 12))
           }
           .buttonStyle(.plain)