sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust spacing and margins within the video modal component for better visual presentation

Browse Source 
Reduce gap between video player and sidebar, and adjust margins on sidebar elements within the `BunnyVideoModal` component.

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/DVZN4Rp
This commit is contained in:
sebastjanartic 2025-08-30 15:04:03 +00:00
parent e3735ba4c1
commit 9c2f7fc793
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/components/bunny-video-modal.tsx
View File

@ -256,7 +256,7 @@ export default function BunnyVideoModal({ video, isOpen, onClose, onEdit, videos
</div>
{/* Video player area */}
<div className="flex-1 flex flex-col lg:flex-row gap-2 min-h-0">
<div className="flex-1 flex flex-col lg:flex-row gap-0 min-h-0">
{/* Main video player */}
<div className="flex-1">
<div className="relative w-full aspect-video bg-black rounded-lg overflow-hidden">
@ -301,7 +301,7 @@ export default function BunnyVideoModal({ video, isOpen, onClose, onEdit, videos
</div>
{/* Video info sidebar */}
<div className="lg:w-80 lg:min-w-80 space-y-2 overflow-y-auto">
<div className="lg:w-80 lg:min-w-80 space-y-0 overflow-y-auto mt-2 lg:mt-0 lg:ml-4">
<div className="p-3 bg-gray-800 rounded-lg text-white max-h-none overflow-visible">
<h3 className="font-bold text-lg mb-2 whitespace-normal break-words" data-testid="text-video-title">
{video.title}