From 68f675437d3ce217c665dea57789fc35d0604949 Mon Sep 17 00:00:00 2001
From: callmeyan <yaclty2@gmail.com>
Date: Wed, 25 Dec 2024 20:46:54 +0800
Subject: [PATCH] =?UTF-8?q?:lipstick:=20update:=20=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=E5=8E=86=E5=8F=B2=E8=A7=86=E9=A2=91=E5=BA=93=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/core.scss        |  3 +++
 src/pages/library/index.tsx | 38 ++++++++++++++++++-------------------
 2 files changed, 22 insertions(+), 19 deletions(-)

diff --git a/src/assets/core.scss b/src/assets/core.scss
index 7f0e806..78ec3bc 100644
--- a/src/assets/core.scss
+++ b/src/assets/core.scss
@@ -292,6 +292,9 @@
 
   }
 }
+.video-history-list-container{
+  height: calc(100vh - var(--app-header-header) - 130px);
+}
 
 // override antd style
 .data-list-load-spin{
diff --git a/src/pages/library/index.tsx b/src/pages/library/index.tsx
index 88b081d..4a67d31 100644
--- a/src/pages/library/index.tsx
+++ b/src/pages/library/index.tsx
@@ -53,8 +53,8 @@ export default function LibraryIndex() {
 				/>
 			</div>
 			<div className="">
-				<InfiniteScroller loading={loading} pagination={data?.pagination} onCallback={()=>{}}>
-					<div className={'video-list-container grid gap-5 grid-cols-4'}>
+				<InfiniteScroller loading={loading} rootClassName="video-history-list-container" pagination={data?.pagination} onCallback={()=>{}}>
+					<div className={'video-list-container grid gap-5 grid-cols-3 xl:grid-cols-4'}>
 						{data?.list?.map((it, idx) => (
 							<VideoItem
 								onLive={idx == 2} key={it.id}
@@ -70,23 +70,23 @@ export default function LibraryIndex() {
 						))}
 					</div>
 				</InfiniteScroller>
-				<div className="video-page-container flex justify-center mt-5">
-					{data?.pagination && data?.pagination.total > 0 ? <div className="flex justify-center mt-10">
-						<Pagination
-							current={params.pagination.page}
-							total={data?.pagination.total}
-							pageSize={data?.pagination.limit}
-							showSizeChanger={false}
-							simple={true}
-							rootClassName={'simple-pagination'}
-							onChange={(page) => setParams(prev=>({...prev,pagination: {page, limit: 10}}))}
-						/>
-					</div> : <div className="py-10">
-						<Empty />
-					</div>
-					}
-					{/*<Pagination defaultCurrent={1} total={50}/>*/}
-				</div>
+				{/*<div className="video-page-container flex justify-center mt-5">*/}
+				{/*	{data?.pagination && data?.pagination.total > 0 ? <div className="flex justify-center mt-10">*/}
+				{/*		<Pagination*/}
+				{/*			current={params.pagination.page}*/}
+				{/*			total={data?.pagination.total}*/}
+				{/*			pageSize={data?.pagination.limit}*/}
+				{/*			showSizeChanger={false}*/}
+				{/*			simple={true}*/}
+				{/*			rootClassName={'simple-pagination'}*/}
+				{/*			onChange={(page) => setParams(prev=>({...prev,pagination: {page, limit: 10}}))}*/}
+				{/*		/>*/}
+				{/*	</div> : <div className="py-10">*/}
+				{/*		<Empty />*/}
+				{/*	</div>*/}
+				{/*	}*/}
+				{/*	/!*<Pagination defaultCurrent={1} total={50}/>*!/*/}
+				{/*</div>*/}
 			</div>
 		</div>
 		{detailVideo && <VideoDetail video={detailVideo} onClose={() => setDetailVideo(undefined)}/>}