src/components/Posts/PostItem.astro

@@ -31,8 +31,8 @@ const data = Astro.props;
     list-style: none;
     margin: 0 0 1rem 0;
     padding-left: 0;
-    padding-bottom: 0.2rem;
+    padding-bottom: 1.7rem;
-    padding-top: 0.2rem;
+    padding-top: 1.7rem;
   }
 
   .post-link {
@@ -56,8 +56,8 @@ const data = Astro.props;
 
   .post-title {
     font-family:
-      system-ui,
       sans-serif,
+      system-ui,
       -apple-system,
       BlinkMacSystemFont,
       "Segoe UI",

src/friends/example.md

@@ -2,5 +2,5 @@
 name: 'CLovertaTheTrilobita'
 description: "This is Cloverta's blog"
 url: "https://blog.cloverta.top"
-avatar: '/images/marisa.png'
+avatar: '/images/marisa.png' 
 ---