ui(mobile): Add horizontal margins to the bookmark cards

hoarder-app · May 12, 2024 · e6c9ef4 · e6c9ef4
1 parent ecfcba5
commit e6c9ef4
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 3 deletions.
diff --git a/apps/mobile/app/dashboard/(tabs)/search.tsx b/apps/mobile/app/dashboard/(tabs)/search.tsx
@@ -34,7 +34,7 @@ export default function Search() {
             <PageTitle title="Search" />
             <Input
               placeholder="Search"
-              className="mx-4"
+              className="mx-1"
               value={search}
               onChangeText={setSearch}
               autoFocus

diff --git a/apps/mobile/components/bookmarks/BookmarkCard.tsx b/apps/mobile/components/bookmarks/BookmarkCard.tsx
@@ -333,5 +333,9 @@ export default function BookmarkCard({
       break;
   }
 
-  return <View className="border-b border-accent bg-background">{comp}</View>;
+  return (
+    <View className="overflow-hidden rounded-xl border-b border-accent bg-background">
+      {comp}
+    </View>
+  );
 }
diff --git a/apps/mobile/components/bookmarks/BookmarkList.tsx b/apps/mobile/components/bookmarks/BookmarkList.tsx
@@ -32,6 +32,7 @@ export default function BookmarkList({
       ListHeaderComponent={header}
       contentContainerStyle={{
         gap: 15,
+        marginHorizontal: 15,
         marginBottom: 15,
       }}
       renderItem={(b) => <BookmarkCard bookmark={b.item} />}

diff --git a/apps/mobile/components/bookmarks/UpdatingBookmarkList.tsx b/apps/mobile/components/bookmarks/UpdatingBookmarkList.tsx
@@ -41,7 +41,9 @@ export default function UpdatingBookmarkList({
 
   return (
     <BookmarkList
-      bookmarks={data.pages.flatMap((p) => p.bookmarks)}
+      bookmarks={data.pages
+        .flatMap((p) => p.bookmarks)
+        .filter((b) => b.content.type != "unknown")}
       header={header}
       onRefresh={onRefresh}
       fetchNextPage={fetchNextPage}