My landing page, written in Astro
hayden.moe
feat: improve styling on posts list
+4
-4
+4
-4
src/pages/posts/index.astro
+4
-4
src/pages/posts/index.astro
···
16
16
});
17
17
---
18
18
<Shell title="hayden@web ~/posts">
19
-
<div class="-mx-5 flex flex-col">
20
-
<header class="flex flex-col px-5">
19
+
<div class="mx-auto max-w-2xl flex flex-col">
20
+
<header class="flex flex-col">
21
21
<h1 class="font-bold before-hash-1">Posts</h1>
22
22
<p class="text-base03">
23
23
Showing {posts.length} posts of {posts.length}.
24
24
</p>
25
25
</header>
26
26
27
-
<div>
27
+
<div class="flex flex-col divide-y divide-muted">
28
28
{postsShortened.map((post) => (
29
-
<div class="px-5 py-4 border-b border-muted">
29
+
<div class="py-4">
30
30
<article>
31
31
<header>
32
32
<h2 class="text-pink font-bold">