xiaoxue_admin
/
Folo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: looser grid entry item

This commit is contained in:
DIYgod 2024-06-03 00:58:23 +08:00
parent 5556c0ce2a
commit 7e34ccd87b
No known key found for this signature in database
3 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/renderer/src/components/entry-column/article-item.tsx
View File

@ -14,7 +14,7 @@ export function ArticleItem({ entryId, entryPreview }: UniversalItemProps) {
if (!entry) return <ReactVirtuosoItemPlaceholder />
return (
<div className="py-3 flex px-2">
<div className="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-400" : "text-zinc-500")}>

8
src/renderer/src/components/entry-column/picture-item.tsx
View File

@ -20,11 +20,11 @@ export function PictureItem({ entryId, entryPreview }: UniversalItemProps) {
uniqueKey={entryId}
/>
</div>
<div className="line-clamp-5 flex-1 px-2 pb-3 pt-1 text-sm">
<div className="line-clamp-2 font-medium">{entry.entries.title}</div>
<div className="space-x-1 text-[13px]">
<div className="flex-1 px-2 pb-3 pt-1 text-sm">
<div className="mb-0.5 mt-1 truncate font-medium">{entry.entries.title}</div>
<div className="flex items-center gap-1 truncate text-[13px]">
<FeedIcon
className="mr-0 inline-block size-3.5 align-sub"
className="mr-0.5 inline-block size-[18px]"
feed={entry.feeds}
/>
<span>{entry.feeds.title}</span>

8
src/renderer/src/components/entry-column/video-item.tsx
View File

@ -25,11 +25,11 @@ export function VideoItem({ entryId, entryPreview }: UniversalItemProps) {
disableContextMenu
/>
</div>
<div className="line-clamp-5 flex-1 px-2 pb-3 pt-1 text-sm">
<div className="line-clamp-2 font-medium">{entry.entries.title}</div>
<div className="space-x-1 text-[13px]">
<div className="flex-1 px-2 pb-3 pt-1 text-sm">
<div className="mb-0.5 mt-1 truncate font-medium">{entry.entries.title}</div>
<div className="flex items-center gap-1 truncate text-[13px]">
<FeedIcon
className="mr-0 inline-block size-3.5 align-sub"
className="mr-0.5 inline-block size-[18px]"
feed={entry.feeds}
/>
<span>{entry.entries.author}</span>