polish(home): drop the redundant badge from featured cards, widen the search pill
Deploy / build (push) Successful in 48s
Deploy / build (push) Successful in 48s
All four featured posts are case studies, so the badge repeated the same word four times; the card grid already sits under a 'Featured' heading. Search pill gets a little horizontal room so 'Search /' does not read as cramped.
This commit is contained in:
1 parent
585aeeba05
commit
215051ef08
3 files changed
+1
-2
No files matched your search
@@ -46,7 +46,6 @@ const featuredPosts = featured.length === 4 ? featured : posts.slice(0, 4);
|
||||
<div class="featured-grid">
|
||||
{featuredPosts.map((p) => (
|
||||
<a class="featured-card" href={`/posts/${p.slug}/`}>
|
||||
<span class="featured-badge">{p.data.category}</span>
|
||||
<h3>{p.data.title}</h3>
|
||||
<p>{p.data.description}</p>
|
||||
</a>
|
||||
|
||||
@@ -50,7 +50,6 @@ const featuredPosts = featured.length === 4 ? featured : posts.slice(0, 4);
|
||||
<div class="featured-grid">
|
||||
{featuredPosts.map((p) => (
|
||||
<a class="featured-card" href={`/posts/${p.slug}/`}>
|
||||
<span class="featured-badge">{p.data.category}</span>
|
||||
<h3>{p.data.title}</h3>
|
||||
<p>{p.data.description}</p>
|
||||
</a>
|
||||
|
||||
@@ -134,6 +134,7 @@ body {
|
||||
line-height: 1.35;
|
||||
cursor: pointer;
|
||||
font-family: var(--font-sans);
|
||||
padding-inline: 0.7rem;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
Reference in new issue
Block a user