Adjust spacing and appearance of recent news items
Reduce vertical padding between recent news articles and adjust spacing within the "Zuletzt hinzugefügt" section in the home page component. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: 97a804e0-b446-4b84-9272-0c0d5471d970 Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/517dfa7b-26ac-463d-a6e1-a58c6df97188/nFw7xof Replit-Helium-Checkpoint-Created: true
This commit is contained in:
parent
dc89d08a34
commit
3b503ed961
@ -310,10 +310,10 @@ function TopStoriesList({ articles, className }: { articles: Article[]; classNam
|
||||
<span className="w-1 h-4 bg-primary rounded-full" />
|
||||
Zuletzt hinzugefügt
|
||||
</h3>
|
||||
<div className="space-y-1">
|
||||
<div className="space-y-0">
|
||||
{articles.slice(0, 5).map((article) => (
|
||||
<Link key={article.id} href={`/article/${article.slug}`}>
|
||||
<div className="group cursor-pointer py-3 border-b border-card-border last:border-0" data-testid={`card-top-${article.id}`}>
|
||||
<div className="group cursor-pointer py-1.5 border-b border-card-border last:border-0" data-testid={`card-top-${article.id}`}>
|
||||
<h4 className="text-xs font-medium text-card-foreground line-clamp-2 group-hover:text-primary transition-colors leading-snug">{article.title}</h4>
|
||||
<div className="flex items-center gap-1.5 mt-0.5">
|
||||
<span className="text-[10px] text-muted-foreground">{article.author}</span>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user