Adjust video modal layout to improve title visibility
Modify BunnyVideoModal component: align header to the right and remove title display, simplifying modal header structure. 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/Sy6XHzr
This commit is contained in:
parent
9a0e13e629
commit
18f139a6cd
BIN
attached_assets/image_1756571439406.png
Normal file
BIN
attached_assets/image_1756571439406.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 456 KiB |
@ -175,10 +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">
|
<div className="relative w-full h-full max-w-7xl mx-auto p-4 flex flex-col">
|
||||||
{/* Header with close button */}
|
{/* Header with close button */}
|
||||||
<div className="flex justify-between items-center mb-1 z-10">
|
<div className="flex justify-end items-center mb-1 z-10">
|
||||||
<h2 className="text-xl font-bold text-white flex-1 mr-4 leading-tight">
|
|
||||||
{video.title}
|
|
||||||
</h2>
|
|
||||||
<div className="flex gap-2">
|
<div className="flex gap-2">
|
||||||
{onEdit && (
|
{onEdit && (
|
||||||
<Button
|
<Button
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user