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

Improve video modal layout and spacing for better usability

Browse Source 
Adjusted header margin and added gap between video player elements in 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:56 +00:00
parent 9c2f7fc793
commit 54b04ac96d
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

@ -175,7 +175,7 @@ export default function BunnyVideoModal({ video, isOpen, onClose, onEdit, videos
>
<div className="relative w-full h-full max-w-7xl mx-auto p-4 flex flex-col">
{/* Header with close button */}
<div className="flex justify-between items-center mb-4 z-10">
<div className="flex justify-between items-center mb-1 z-10">
<h2 className="text-xl font-bold text-white flex-1 mr-4 leading-tight">
{video.title}
</h2>
@ -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-0 min-h-0">
<div className="flex-1 flex flex-col lg:flex-row gap-2 min-h-0">
{/* Main video player */}
<div className="flex-1">
<div className="relative w-full aspect-video bg-black rounded-lg overflow-hidden">