From ad1f02de620d462e59ee832ae224e713772229e8 Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Wed, 19 Nov 2025 16:54:41 +0800
Subject: [PATCH] fix(theme): fix post-list width overflow

---
 theme/src/client/components/Home/VPHomeBanner.vue | 2 ++
 theme/src/client/components/Posts/VPPostList.vue  | 1 +
 2 files changed, 3 insertions(+)

diff --git a/theme/src/client/components/Home/VPHomeBanner.vue b/theme/src/client/components/Home/VPHomeBanner.vue
index 87206fc2..1a454b6d 100644
--- a/theme/src/client/components/Home/VPHomeBanner.vue
+++ b/theme/src/client/components/Home/VPHomeBanner.vue
@@ -162,12 +162,14 @@ const actions = computed(() => hero?.actions ?? matter.value.hero?.actions ?? []
 .actions {
   display: flex;
   flex-wrap: wrap;
+  align-items: center;
   padding-top: 24px;
   margin: -6px;
 }
 
 .action {
   flex-shrink: 0;
+  min-width: 0;
   padding: 6px;
 }
 </style>
diff --git a/theme/src/client/components/Posts/VPPostList.vue b/theme/src/client/components/Posts/VPPostList.vue
index 9a963e3a..db5c40c0 100644
--- a/theme/src/client/components/Posts/VPPostList.vue
+++ b/theme/src/client/components/Posts/VPPostList.vue
@@ -53,6 +53,7 @@ const {
   flex: 1 2;
   flex-direction: column;
   gap: 16px;
+  min-width: 0;
   max-width: 100%;
   margin: 0 auto;
 }