fix: update unread dot style

Signed-off-by: Innei <i@innei.in>
RSSNext · Aug 5, 2024 · e2fef01 · e2fef01
1 parent 404ee0a
commit e2fef01
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 13 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,13 +32,14 @@ export function GridItem({
  className={cn(
  "relative flex-1 px-2 py-1 text-sm",
  !asRead &&
- "before:absolute before:-left-1 before:top-[13.5px] before:block before:size-2 before:rounded-full before:bg-theme-accent",
+ "before:absolute before:left-0 before:top-[13.5px] before:block before:size-2 before:rounded-full before:bg-theme-accent",
  )}
  >
  <div
  className={cn(
- "relative mb-1 mt-1.5 truncate font-medium leading-none",
+ "relative mb-1 mt-1.5 truncate font-medium leading-none duration-200",
  !!entry.collections && "pr-5",
+ !asRead && "pl-1",
  )}
  >
  <TitleMarquee>

diff --git a/src/renderer/src/modules/entry-column/index.tsx b/src/renderer/src/modules/entry-column/index.tsx
@@ -165,11 +165,12 @@ export function EntryColumn() {
  exit={{ opacity: 0.01, y: -100 }}
  >
  <ScrollArea.ScrollArea
- scrollbarClassName="mt-3"
+ scrollbarClassName="mt-3 w-2"
  mask={false}
  ref={scrollRef}
  rootClassName="h-full"
  viewportClassName="[&>div]:grow flex"
+
  >
  {virtuosoOptions.totalCount === 0 ? (
  entries.isLoading ?

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={cn(
- "group relative flex py-4 pl-3 pr-2",
- !asRead &&
- "before:absolute before:-left-0.5 before:top-[18px] before:block before:size-2 before:rounded-full before:bg-theme-accent",
- )}
- >
+ <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 ? "w-2" : "w-0",
+  )}
+  />
  {!withAudio && <FeedIcon feed={feed} fallback entry={entry.entries} />}
  <div
  className={cn(

diff --git a/src/renderer/src/modules/entry-column/social-media-item.tsx b/src/renderer/src/modules/entry-column/social-media-item.tsx
@@ -37,7 +37,7 @@ export const SocialMediaItem: EntryListItemFC = ({
  "relative flex py-4 pl-3 pr-2",
  "group",
  !asRead &&
- "before:absolute before:-left-4 before:top-[22px] before:block before:size-2 before:rounded-full before:bg-theme-accent",
+ "before:absolute before:-left-4 before:top-[28px] before:block before:size-2 before:rounded-full before:bg-theme-accent",
  )}
  >
  <FeedIcon
@@ -54,7 +54,7 @@ export const SocialMediaItem: EntryListItemFC = ({
  entry.entries.description && "line-clamp-5",
  )}
  >
- <div className="w-[calc(100%-10rem)]  space-x-1">
+ <div className="w-[calc(100%-10rem)] space-x-1">
  <span className="font-semibold">{entry.entries.author}</span>
  <span className="text-zinc-500">·</span>
  <span className="text-zinc-500">

diff --git a/src/renderer/src/modules/entry-content/index.tsx b/src/renderer/src/modules/entry-content/index.tsx
@@ -201,7 +201,7 @@ function EntryContentRender({ entryId }: { entryId: string }) {
 
  <WrappedElementProvider boundingDetection>
  <TitleMetaHandler entryId={entry.entries.id} />
- <div className="prose prose-zinc mx-auto mb-32 mt-8 max-w-full cursor-auto select-text break-all text-[0.94rem] dark:prose-invert">
+ <div className="prose mx-auto mb-32 mt-8 max-w-full cursor-auto select-text break-all text-[0.94rem] dark:prose-invert">
  {(summary.isLoading || summary.data) && (
  <div className="my-8 space-y-1 rounded-lg border px-4 py-3">
  <div className="flex items-center gap-2 font-medium text-zinc-800 dark:text-neutral-400">