From 4ecaaadf6ca62d9bbdad728856d9d77ce67a81e3 Mon Sep 17 00:00:00 2001
From: shinya <kobayashi_shinya@outlook.com>
Date: Sun, 22 Jun 2025 22:21:28 +0800
Subject: [PATCH] feat: adjust favorites and search results grid

---
 src/app/page.tsx        | 4 ++--
 src/app/search/page.tsx | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 74dca04..dff76cd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -150,9 +150,9 @@ function HomeClient() {
               <h2 className='mb-4 text-xl font-bold text-gray-800 text-left'>
                 我的收藏
               </h2>
-              <div className='flex flex-wrap gap-x-8 gap-y-20 px-4'>
+              <div className='justify-start grid grid-cols-[repeat(auto-fill,_minmax(11rem,_1fr))] gap-x-8 gap-y-20 px-4'>
                 {favoriteItems.map((item) => (
-                  <div key={item.id + item.source} className='w-44'>
+                  <div key={item.id + item.source} className='w-full'>
                     <VideoCard {...item} from='favorites' />
                   </div>
                 ))}
diff --git a/src/app/search/page.tsx b/src/app/search/page.tsx
index d2015ee..0e19c1d 100644
--- a/src/app/search/page.tsx
+++ b/src/app/search/page.tsx
@@ -125,9 +125,9 @@ function SearchPageClient() {
             </div>
           ) : showResults ? (
             // 搜索结果
-            <div className='flex flex-wrap gap-x-8 gap-y-20 px-4'>
+            <div className='justify-start grid grid-cols-[repeat(auto-fill,_minmax(11rem,_1fr))] gap-x-8 gap-y-20 px-4'>
               {searchResults.map((item) => (
-                <div key={item.id} className='w-44'>
+                <div key={item.id} className='w-full'>
                   <VideoCard {...item} from='search' />
                 </div>
               ))}