From 72aa3a8cae968893b7ca3b0f8abf11c50c739c74 Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Mon, 5 Aug 2024 18:21:17 +0800
Subject: [PATCH] feat: smaller and fixed unread dot

---
 .../modules/entry-column/grid-item-template.tsx    |  5 ++---
 .../modules/entry-column/list-item-template.tsx    | 14 +++++++-------
 2 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/renderer/src/modules/entry-column/grid-item-template.tsx b/src/renderer/src/modules/entry-column/grid-item-template.tsx
index de09c684b0..ee1f23aa96 100644
--- a/src/renderer/src/modules/entry-column/grid-item-template.tsx
+++ b/src/renderer/src/modules/entry-column/grid-item-template.tsx
@@ -32,14 +32,13 @@ export function GridItem({
         className={cn(
           "relative flex-1 px-2 py-1 text-sm",
           !asRead &&
-          "before:absolute before:left-0 before:top-[13.5px] before:block before:size-2 before:rounded-full before:bg-theme-accent",
+          "before:absolute before:-left-0.5 before:top-[14.5px] before:block before:size-1.5 before:rounded-full before:bg-theme-accent",
         )}
       >
         <div
           className={cn(
-            "relative mb-1 mt-1.5 truncate font-medium leading-none duration-200",
+            "relative mb-1 mt-1.5 truncate font-medium leading-none",
             !!entry.collections && "pr-5",
-            !asRead && "pl-1",
           )}
         >
           <TitleMarquee>
diff --git a/src/renderer/src/modules/entry-column/list-item-template.tsx b/src/renderer/src/modules/entry-column/list-item-template.tsx
index fd6209bb7e..71ce72ee87 100644
--- a/src/renderer/src/modules/entry-column/list-item-template.tsx
+++ b/src/renderer/src/modules/entry-column/list-item-template.tsx
@@ -42,13 +42,13 @@ export function ListItem({
     entry.entries.publishedAt
   const envIsSafari = isSafari()
   return (
-    <div className="group relative flex px-2 py-4">
-      <div
-        className={cn(
-          "mr-1 size-2 translate-y-1.5 rounded-full bg-theme-accent duration-200",
-          !asRead ? "mr-2 w-2" : "w-0",
-        )}
-      />
+    <div
+      className={cn(
+        "group relative flex py-4 pl-3 pr-2",
+        !asRead &&
+        "before:absolute before:left-0 before:top-[1.4375rem] before:block before:size-1.5 before:rounded-full before:bg-theme-accent",
+      )}
+    >
       {!withAudio && <FeedIcon feed={feed} fallback entry={entry.entries} />}
       <div
         className={cn(