Improve video page layout with added visual styling

Update VideoPage.tsx to include background colors and borders for main video section and its container, likely for debugging or visual development purposes.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/DFHhzsd
This commit is contained in:
sebastjanartic 2025-08-30 20:21:41 +00:00
parent f847f921ca
commit e967dfdecd

View File

@ -299,9 +299,9 @@ export default function VideoPage() {
}}
/>
<div className="flex flex-col lg:flex-row gap-6 relative z-10">
<div className="flex flex-col lg:flex-row gap-6 relative z-10 bg-green-500/20 border border-green-500 p-4">
{/* Main video section */}
<div className="flex-1">
<div className="flex-1 bg-purple-500/20 border border-purple-500 p-2">
{/* Video player */}
<div className="relative w-full h-0 pb-[56.25%] bg-black rounded-lg overflow-hidden mb-4">
{currentVideo.videoUrlIframe ? (