From 408984d9325f12937ac5747505370dec26e46d3f Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Wed, 13 Mar 2024 12:13:38 +0000
Subject: mobile: Add borders and padding to the cards

---
 packages/mobile/components/bookmarks/BookmarkCard.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

(limited to 'packages/mobile/components/bookmarks/BookmarkCard.tsx')

diff --git a/packages/mobile/components/bookmarks/BookmarkCard.tsx b/packages/mobile/components/bookmarks/BookmarkCard.tsx
index b6dd0f07..ae0d8a33 100644
--- a/packages/mobile/components/bookmarks/BookmarkCard.tsx
+++ b/packages/mobile/components/bookmarks/BookmarkCard.tsx
@@ -123,12 +123,12 @@ function LinkCard({ bookmark }: { bookmark: ZBookmark }) {
   const imageComp = bookmark.content.imageUrl ? (
     <Image
       source={{ uri: bookmark.content.imageUrl }}
-      className="h-56 min-h-56 w-full rounded-t object-cover"
+      className="h-56 min-h-56 w-full rounded-t-lg object-cover"
     />
   ) : (
     <Image
       source={require("@/assets/blur.jpeg")}
-      className="h-56 w-full rounded-t"
+      className="h-56 w-full rounded-t-lg"
     />
   );
 
@@ -205,5 +205,9 @@ export default function BookmarkCard({
       break;
   }
 
-  return <View className="rounded bg-white">{comp}</View>;
+  return (
+    <View className="w-96 rounded-lg border border-gray-300 bg-white shadow-sm">
+      {comp}
+    </View>
+  );
 }
-- 
cgit v1.2.3-70-g09d2

