update VPHome stylE

yshrsmz · Dec 30, 2024 · 49b7c2c · 49b7c2c
1 parent a3f2f48
commit 49b7c2c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/packages/blog/.vitepress/theme/VPLayout.vue b/packages/blog/.vitepress/theme/VPLayout.vue
@@ -38,7 +38,7 @@ if (typeof window !== 'undefined') {
       <NotFound class="mx-8 flex-grow" />
     </div>
     <div v-else-if="frontmatter.layout === 'home'" class="max-w-3xl flex-grow">
-      <VPHome class="mx-8" />
+      <VPHome />
     </div>
     <div v-else-if="frontmatter.layout === 'posts'" class="flex-grow sm:max-w-3xl">
       <VPPosts class="mx-8" />

diff --git a/packages/blog/.vitepress/theme/components/VPHome.vue b/packages/blog/.vitepress/theme/components/VPHome.vue
@@ -22,7 +22,7 @@ function updatedAt(scrap: Scrap) {
   <div class="VPHome mt-6 flex flex-col items-center">
     <h2 class="text-2xl font-bold">RECENT POSTS</h2>
     <ul class="mt-6 w-full">
-      <li v-for="(post, index) in recentPosts" :key="index" class="py-3">
+      <li v-for="(post, index) in recentPosts" :key="index" class="py-3 px-8">
         <a :href="post.url" class="block">
           <p class="font-bold underline">{{ post.frontmatter.title }}</p>
           <time
@@ -35,7 +35,7 @@ function updatedAt(scrap: Scrap) {
           <!-- eslint-enable -->
         </a>
       </li>
-      <li class="mt-4 text-center">
+      <li class="mt-4 text-center px-8">
         <hr />
         <a href="/posts/" class="inline-block py-4 text-center underline"
           >See all posts -></a
@@ -47,7 +47,7 @@ function updatedAt(scrap: Scrap) {
 
     <h2 class="mt-6 text-2xl font-bold">RECENT SCRAPS</h2>
     <ul class="mt-6 w-full">
-      <li v-for="(scrap, index) in recentScraps" :key="index" class="py-3">
+      <li v-for="(scrap, index) in recentScraps" :key="index" class="py-3 px-8">
         <a :href="`/scraps/${scrap.number}/`" class="block">
           <p class="px-1 font-bold underline">{{ scrap.title }}</p>
           <p>
@@ -59,7 +59,7 @@ function updatedAt(scrap: Scrap) {
           </p>
         </a>
       </li>
-      <li class="mt-4 text-center">
+      <li class="mt-4 text-center px-8">
         <hr />
         <a href="/scraps/" class="inline-block py-4 text-center underline"
           >See all scraps -></a