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