feat: smaller and fixed unread dot

RSSNext · Aug 5, 2024 · 72aa3a8 · 72aa3a8
1 parent 4187b52
commit 72aa3a8
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 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
@@ -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
@@ -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(