runfoo-org/elmeg-demo
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: Apply consistent bento styling to video embeds on show pages
Some checks are pending
Deploy Elmeg / deploy (push) Waiting to run
Details

Browse source
This commit is contained in:
fullsizemalt 2025-12-23 08:53:52 -08:00
parent 1b11ad8b52
commit c6ffc67fdd
1 changed files with 15 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
frontend/app/shows/[id]/page.tsx
View file

@ -138,12 +138,15 @@ export default async function ShowDetailPage({ params }: { params: Promise<{ id:
</div>
)}
<div className="grid gap-6 md:grid-cols-[2fr_1fr]">
<div className="flex flex-col gap-6">
{/* Full Show Video */}
{show.youtube_link && (
<Card>
<CardHeader>
<CardTitle className="flex items-center gap-2">
<Youtube className="h-5 w-5 text-red-500" />
Video
<Card className="border-2 border-red-500/20 bg-gradient-to-br from-red-500/5 to-transparent">
<CardHeader className="pb-2">
<CardTitle className="text-sm font-medium text-muted-foreground flex items-center gap-2">
<Youtube className="h-4 w-4 text-red-500" />
Full Show Video
</CardTitle>
</CardHeader>
<CardContent>
@ -152,8 +155,6 @@ export default async function ShowDetailPage({ params }: { params: Promise<{ id:
</Card>
)}
<div className="grid gap-6 md:grid-cols-[2fr_1fr]">
<div className="flex flex-col gap-6">
<Card>
<CardHeader>
<CardTitle>Setlist</CardTitle>