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

Improve video modal display for better readability

Browse Source 
Update client/src/components/bunny-video-modal.tsx to adjust text styling for video titles and descriptions, improving their presentation within the modal.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/r4YOUN9
This commit is contained in:
sebastjanartic 2025-08-28 20:06:25 +00:00
parent 8804f34b8c
commit bc85481929
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

@ -148,7 +148,7 @@ export default function BunnyVideoModal({ video, isOpen, onClose, onEdit }: Bunn
<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-4 z-10"> <div className="flex justify-between items-center mb-4 z-10">
<h2 className="text-xl font-bold text-white truncate flex-1 mr-4"> <h2 className="text-xl font-bold text-white flex-1 mr-4 leading-tight">
{video.title} {video.title}
</h2> </h2>
<div className="flex gap-2"> <div className="flex gap-2">
@ -266,7 +266,7 @@ export default function BunnyVideoModal({ video, isOpen, onClose, onEdit }: Bunn
{video.description && ( {video.description && (
<div className="text-sm text-gray-300"> <div className="text-sm text-gray-300">
<p className="leading-relaxed" data-testid="text-video-description"> <p className="leading-relaxed whitespace-pre-wrap break-words" data-testid="text-video-description">
{video.description} {video.description}
</p> </p>
</div> </div>