peter/tvone
1
0
Fork 0
mirror of https://github.com/PeterMaquiran/tvone.git synced 2026-04-18 15:27:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

add video player

Browse Source
This commit is contained in:
Peter Maquiran
2026-04-05 14:25:03 +01:00
parent 25a82c5472
commit 6bce9ada4f
3 changed files with 100 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/tvone-content.tsx
+7 -7
View File
@@ -144,7 +144,7 @@ export function TvoneDestaques() {
className="group overflow-hidden bg-white transition "
>
<Link href="#" className="block">
<div className="relative aspect-[16/9] w-full overflow-hidden">
<div className="relative aspect-[16/9] w-full overflow-hidden rounded-xl">
<Image
src={item.img}
alt=""
@@ -168,19 +168,19 @@ export function TvoneDestaques() {
export function TvoneMainColumns() {
return (
<div className="mx-auto grid w-full max-w-[1200px] gap-10 px-4 pb-12 lg:grid-cols-[1fr_340px]">
<div className="mx-auto grid w-full max-w-[1200px] gap-10 px-4 pb-10 lg:grid-cols-[1fr_340px]">
<section>
<h2 className="mb-7 text-2xl font-bold tracking-tight text-neutral-900 md:text-2xl">Mais Recentes</h2>
<h2 className="mb-7 text-2xl font-bold tracking-tight text-neutral-900 md:text-2xl">Vídeos Recentes</h2>
<ul className="flex flex-col gap-6">
{recentes.map((item) => (
<li key={item.title}>
<Link href="#" className="group flex items-start gap-4 p-1 transition">
<div className="relative w-40 md:w-60 shrink-0 aspect-[16/9] bg-red-500">
<li key={item.title} className="rounded-xl">
<Link href="#" className="group flex items-start gap-4 p-1 transition rounded-xl">
<div className="relative w-40 md:w-60 aspect-[16/9] rounded-xl">
<Image
src={item.img}
alt=""
fill
className="object-cover"
className="object-cover rounded-xl"
sizes="(max-width: 1200px) 100vw, 1200px"
/>
</div>