design tweaks

2023-02-10 19:25:41 -05:00
parent 96f06c6e6d
commit 92b38e2600
8 changed files with 85 additions and 14 deletions
@@ -14,5 +14,19 @@ const posts = await getCollection("blog");
      .slice(0, 5)
      .map((post) => <PostPreview post={post} />)
  }
-  {posts.length < 5 ? null : <a href="/archive">All Posts</a>}
+  {
+    posts.length < 5 ? null : (
+      <div class="more-posts">
+        <a class="link-button blue-btn" href="/archive">
+          All Posts
+        </a>
+      </div>
+    )
+  }
 </Layout>
+
+<style>
+  .more-posts {
+    text-align: center;
+  }
+</style>