feat: improve blog preview (#32)

trynova · Dec 6, 2024 · 92f125e · 92f125e
1 parent 7957fcb
commit 92f125e
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/components/BlogPreviewList.css b/components/BlogPreviewList.css
@@ -6,9 +6,13 @@
   margin-top: 1rem;
 }
 
+.post {
+  list-style: none;
+}
+
 .meta {
   display: block;
   font-size: 0.9rem;
   color: var(--neutral-800);
   white-space: pre-wrap;
-}
+}
diff --git a/components/BlogPreviewList.tsx b/components/BlogPreviewList.tsx
@@ -12,13 +12,16 @@ export function BlogPreviewList() {
   return (
     <ul class={classes.list}>
       {allPosts.slice(0, 5).map((post) => (
-        <div class={classes.post}>
+        <li class={classes.post}>
           <a href={href(post.file)}>{post.meta.title}</a>
           <time datetime={post.meta.date.toString()} class={classes.meta}>
             {post.meta.date.toLocaleString("sv-SE")}
           </time>
-        </div>
+        </li>
       ))}
+      <a href="/blog">
+        View all posts
+      </a>
     </ul>
   );
 }