From ac3f3189731477e32a0c2ca6f44d3216d39e23cf Mon Sep 17 00:00:00 2001
From: gunshiz <spsshop1047@gmail.com>
Date: Sun, 2 Aug 2026 17:02:46 +0700
Subject: [PATCH] fix(upload): prevent video card overflow

---
 app/admin/upload/video/latest-card.tsx | 2 +-
 app/admin/upload/video/page.tsx        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/admin/upload/video/latest-card.tsx b/app/admin/upload/video/latest-card.tsx
index 66e55e7..e8c6ca4 100644
--- a/app/admin/upload/video/latest-card.tsx
+++ b/app/admin/upload/video/latest-card.tsx
@@ -51,7 +51,7 @@ export function LatestCard({
 									<PlaySquare className="absolute inset-0 m-auto text-muted-foreground" />
 								)}
 							</div>
-							<span className="min-w-0 text-sm font-medium leading-snug group-hover:underline">
+							<span className="line-clamp-4 min-w-0 break-words text-sm font-medium leading-snug group-hover:underline">
 								{video.title}
 							</span>
 							<ExternalLink className="mt-0.5 shrink-0 text-muted-foreground" />
diff --git a/app/admin/upload/video/page.tsx b/app/admin/upload/video/page.tsx
index 31c1018..8766e62 100644
--- a/app/admin/upload/video/page.tsx
+++ b/app/admin/upload/video/page.tsx
@@ -13,7 +13,7 @@ export default async function AdminUploadVideoPage() {
 	]);
 
 	return (
-		<section className="grid gap-4 xl:grid-cols-2">
+		<section className="grid gap-4">
 			<LatestCard title="Latest YouTube videos" videos={youtube} />
 			<LatestCard title="Latest TikTok videos" videos={tiktok} />
 		</section>