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:
parent
f847f921ca
commit
e967dfdecd
@ -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 ? (
|
||||
|
||||
Loading…
Reference in New Issue
Block a user