From aeca190f2cf0f4a5567ea0e6ddac37cd73c76c0e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9B=AE=E6=A3=83?= <BT-Muli@outlook.com>
Date: Fri, 28 Feb 2025 16:50:57 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E8=B0=83=E6=95=B4=E6=90=9C?=
 =?UTF-8?q?=E7=B4=A2=E6=B5=AE=E7=AA=97=E6=A0=B7=E5=BC=8F&=E5=B8=96?=
 =?UTF-8?q?=E5=AD=90=E5=8D=A1=E7=89=87=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/app/t-postcard.vue             |  1 +
 src/components/viewPost/vp-overlay-search.vue | 46 +++++++++++++++----
 2 files changed, 38 insertions(+), 9 deletions(-)

diff --git a/src/components/app/t-postcard.vue b/src/components/app/t-postcard.vue
index 24c6932b..adda4127 100644
--- a/src/components/app/t-postcard.vue
+++ b/src/components/app/t-postcard.vue
@@ -325,6 +325,7 @@ async function toForum(forum: TGApp.Plugins.Mys.News.RenderForum): Promise<void>
   backdrop-filter: blur(20px);
   background: var(--common-shadow-2);
   border-bottom-left-radius: 5px;
+  border-top-right-radius: 5px;
   box-shadow: 0 0 10px var(--tgc-dark-1);
   color: var(--tgc-white-1);
   cursor: pointer;
diff --git a/src/components/viewPost/vp-overlay-search.vue b/src/components/viewPost/vp-overlay-search.vue
index a63a7e08..dba0fc60 100644
--- a/src/components/viewPost/vp-overlay-search.vue
+++ b/src/components/viewPost/vp-overlay-search.vue
@@ -8,10 +8,14 @@
           加载更多({{ results.length }})
         </v-btn>
       </div>
+      <div class="tops-divider" />
       <div class="tops-list">
-        <div v-for="item in results" :key="item.post.post_id">
-          <TPostCard :model-value="item" />
-        </div>
+        <TPostCard
+          class="tops-item"
+          :model-value="item"
+          v-for="item in results"
+          :key="item.post.post_id"
+        />
       </div>
     </div>
   </TOverlay>
@@ -113,13 +117,24 @@ async function searchPosts(): Promise<void> {
 </script>
 <style lang="css" scoped>
 .tops-box {
+  position: relative;
+  display: flex;
+  width: 400px;
+  height: 500px;
+  box-sizing: border-box;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: flex-start;
   padding: 10px;
   border-radius: 5px;
   background-color: var(--box-bg-1);
+  row-gap: 8px;
 }
 
 .tops-top {
+  position: relative;
   display: flex;
+  width: 100%;
   flex-wrap: wrap;
   align-items: center;
   justify-content: flex-start;
@@ -130,25 +145,38 @@ async function searchPosts(): Promise<void> {
 }
 
 .tops-act {
+  position: relative;
   display: flex;
+  width: 100%;
   align-items: center;
   justify-content: space-between;
-  padding-bottom: 5px;
-  border-bottom: 1px solid var(--common-shadow-2);
-  margin-bottom: 10px;
+}
+
+.tops-divider {
+  position: relative;
+  width: 100%;
+  height: 1px;
+  background-color: var(--common-shadow-2);
 }
 
 .tops-list {
   position: relative;
   display: flex;
-  width: 400px;
-  max-height: 400px;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
   flex-direction: column;
-  padding-right: 10px;
+  padding-right: 8px;
+  padding-bottom: 8px;
   overflow-y: auto;
   row-gap: 10px;
 }
 
+.tops-item {
+  height: fit-content;
+  flex-shrink: 0;
+}
+
 .tops-btn {
   width: fit-content;
   background: var(--tgc-btn-1);