feat: read status styles

This commit is contained in:
DIYgod 2024-06-01 23:19:10 +08:00
parent e4c5df78e5
commit d981573064
No known key found for this signature in database
2 changed files with 3 additions and 3 deletions

View File

@ -17,7 +17,7 @@ export function ArticleItem({ entryId, entryPreview }: UniversalItemProps) {
<div className="mb-5 flex px-2 py-3">
<FeedIcon feed={entry.feeds} />
<div className="-mt-0.5 line-clamp-5 flex-1 text-sm leading-tight">
<div className={cn("flex gap-1 text-[10px] font-bold", entry.read ? "text-zinc-500/80" : "text-zinc-500")}>
<div className={cn("flex gap-1 text-[10px] font-bold", entry.read ? "text-zinc-400" : "text-zinc-500")}>
<span className="truncate">{entry.feeds.title}</span>
<span>·</span>
<span className="shrink-0">
@ -32,7 +32,7 @@ export function ArticleItem({ entryId, entryPreview }: UniversalItemProps) {
<div className="my-0.5 break-words font-medium">
{entry.entries.title}
</div>
<div className={cn("text-[13px]", entry.read ? "text-zinc-500/80" : "text-zinc-500")}>
<div className={cn("text-[13px]", entry.read ? "text-zinc-400" : "text-zinc-500")}>
{entry.entries.description}
</div>
</div>

View File

@ -51,7 +51,7 @@ export function EntryItemWrapper({
"rounded-md transition-colors",
!views[view || 0].wideMode && activeEntry === entry.entries.id && "bg-native-active/40",
views[view || 0].wideMode && !views[view || 0].gridMode && "hover:bg-native-active/30",
entry.read ? "text-zinc-500" : "text-zinc-900 dark:text-white/90",
entry.read ? "text-zinc-500/90" : "text-zinc-900 dark:text-white/90",
)}
// ref={ref}
onClick={(e) => {