From da7bfef51ad83e4a698ce07a9d597501707d2bc7 Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Fri, 4 Apr 2025 00:04:23 +0800
Subject: [PATCH] feat(mobile): tighter picture video notification entry item

---
 .../modules/entry-content/EntryGridFooter.tsx  | 18 +++++++++---------
 .../entry-list/templates/EntryNormalItem.tsx   | 12 +++++++++---
 2 files changed, 18 insertions(+), 12 deletions(-)

diff --git a/apps/mobile/src/modules/entry-content/EntryGridFooter.tsx b/apps/mobile/src/modules/entry-content/EntryGridFooter.tsx
index 6b9764d25..994c5886f 100644
--- a/apps/mobile/src/modules/entry-content/EntryGridFooter.tsx
+++ b/apps/mobile/src/modules/entry-content/EntryGridFooter.tsx
@@ -49,18 +49,18 @@ export const EntryGridFooter = ({
   if (!entry) return null
 
   return (
-    <View className={cn("my-2 px-2", view === FeedViewType.Videos && "h-[64]")}>
-      <View className="flex-row gap-2">
+    <View className={cn("my-1 px-1", view === FeedViewType.Videos && "h-[52]")}>
+      <View className="flex-row gap-1">
         <ReAnimated.View
-          className="bg-red mt-2 inline-block rounded-full"
+          className="bg-red mt-1.5 inline-block rounded-full"
           style={unreadIndicatorStyle}
         />
         {entry.title && (
           <EntryTranslation
             numberOfLines={2}
             className={cn(
-              "text-label shrink text-base font-medium",
-              view === FeedViewType.Videos && "min-h-12",
+              "text-label shrink text-sm font-medium",
+              view === FeedViewType.Videos && "min-h-10",
               descriptionClassName,
             )}
             source={entry.title}
@@ -70,12 +70,12 @@ export const EntryGridFooter = ({
           />
         )}
       </View>
-      <View className="mt-1 flex-row items-center gap-1">
-        <FeedIcon fallback feed={feed} size={16} />
-        <Text numberOfLines={1} className="text-label shrink text-sm font-medium">
+      <View className="mt-1 flex-row items-center gap-1.5">
+        <FeedIcon fallback feed={feed} size={14} />
+        <Text numberOfLines={1} className="text-label shrink text-xs font-medium">
           {feed?.title}
         </Text>
-        <RelativeDateTime className="text-secondary-label" date={entry.publishedAt} />
+        <RelativeDateTime className="text-secondary-label text-xs" date={entry.publishedAt} />
       </View>
     </View>
   )
diff --git a/apps/mobile/src/modules/entry-list/templates/EntryNormalItem.tsx b/apps/mobile/src/modules/entry-list/templates/EntryNormalItem.tsx
index d753842a1..b085cf5be 100644
--- a/apps/mobile/src/modules/entry-list/templates/EntryNormalItem.tsx
+++ b/apps/mobile/src/modules/entry-list/templates/EntryNormalItem.tsx
@@ -100,7 +100,10 @@ export function EntryNormalItem({ entryId, extraData }: { entryId: string; extra
       <ItemPressable
         touchHighlight={false}
         itemStyle={ItemPressableStyle.Plain}
-        className="flex flex-row items-center p-4 pl-6"
+        className={cn(
+          view === FeedViewType.Notifications ? "p-2" : "p-4",
+          "flex flex-row items-center pl-6",
+        )}
         onPress={handlePress}
       >
         <ReAnimated.View
@@ -110,7 +113,7 @@ export function EntryNormalItem({ entryId, extraData }: { entryId: string; extra
 
         <View className="flex-1 space-y-2">
           <View className="mb-1 flex-1 flex-row items-center gap-1.5 pr-2">
-            <FeedIcon fallback feed={feed} size={16} />
+            <FeedIcon fallback feed={feed} size={view === FeedViewType.Notifications ? 14 : 16} />
             <Text numberOfLines={1} className="text-secondary-label shrink text-sm font-medium">
               {feed?.title || from || "Unknown feed"}
             </Text>
@@ -131,7 +134,10 @@ export function EntryNormalItem({ entryId, extraData }: { entryId: string; extra
           {!!entry.title && (
             <EntryTranslation
               numberOfLines={2}
-              className="text-label text-lg font-semibold"
+              className={cn(
+                view === FeedViewType.Notifications ? "text-base" : "text-lg",
+                "text-label font-semibold",
+              )}
               source={entry.title}
               target={translation?.title}
               showTranslation={!!entry.settings?.translation}