fix: unify FeedPreviewCard layout and styling

- Removed border and background classes for a cleaner look.
- Adjusted padding and icon size for improved visual consistency.

Signed-off-by: Innei <tukon479@gmail.com>
This commit is contained in:
Innei 2025-10-31 20:35:28 +08:00
parent 5c8fd4b726
commit 4ef3e2b2f1
No known key found for this signature in database
GPG Key ID: 0F62D33977F021F7
1 changed files with 3 additions and 3 deletions

View File

@ -43,7 +43,7 @@ export const FeedPreviewCard: React.FC<FeedPreviewCardProps> = ({
>
{/* Header */}
<a
className="border-b border-border bg-fill-tertiary p-4"
className="p-4"
href={feed.url ?? "#"}
onClick={(e) => {
e.preventDefault()
@ -52,8 +52,8 @@ export const FeedPreviewCard: React.FC<FeedPreviewCardProps> = ({
target="_blank"
rel="noopener noreferrer"
>
<div className="flex items-start gap-3">
<FeedIcon target={feed} size={40} className="shrink-0" />
<div className="flex items-start gap-3 pl-4">
<FeedIcon target={feed} size={32} className="shrink-0" />
<div className="min-w-0 flex-1">
<div className="flex items-center gap-2">
<h3 className="line-clamp-1 text-sm font-semibold text-text">{feed.title}</h3>