fix(upload): prevent video card overflow
This commit is contained in:
@@ -51,7 +51,7 @@ export function LatestCard({
|
|||||||
<PlaySquare className="absolute inset-0 m-auto text-muted-foreground" />
|
<PlaySquare className="absolute inset-0 m-auto text-muted-foreground" />
|
||||||
)}
|
)}
|
||||||
</div>
|
</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}
|
{video.title}
|
||||||
</span>
|
</span>
|
||||||
<ExternalLink className="mt-0.5 shrink-0 text-muted-foreground" />
|
<ExternalLink className="mt-0.5 shrink-0 text-muted-foreground" />
|
||||||
|
|||||||
@@ -13,7 +13,7 @@ export default async function AdminUploadVideoPage() {
|
|||||||
]);
|
]);
|
||||||
|
|
||||||
return (
|
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 YouTube videos" videos={youtube} />
|
||||||
<LatestCard title="Latest TikTok videos" videos={tiktok} />
|
<LatestCard title="Latest TikTok videos" videos={tiktok} />
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
Reference in New Issue
Block a user