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

Adjust spacing and padding within the video modal for better visual presentation

Browse Source 
Adjusted gap between video player and sidebar, and padding within the video info sidebar in `bunny-video-modal.tsx` to improve UI spacing.

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:03:31 +00:00
parent df189481a4
commit e3735ba4c1
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
attached_assets/image_1756566165694.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 186 KiB

6
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-4 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">
@ -301,8 +301,8 @@ export default function BunnyVideoModal({ video, isOpen, onClose, onEdit, videos
</div>
{/* Video info sidebar */}
<div className="lg:w-80 lg:min-w-80 space-y-4 overflow-y-auto">
<div className="p-4 bg-gray-800 rounded-lg text-white max-h-none overflow-visible">
<div className="lg:w-80 lg:min-w-80 space-y-2 overflow-y-auto">
<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}
</h3>