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

Improve video page layout for better mobile experience

Browse Source 
Adjust layout properties in VideoPage.tsx to use `md:flex-row` and `md:w-96` for improved responsiveness on medium-sized screens and above.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/FgaI1Sc
This commit is contained in:
sebastjanartic 2025-08-30 22:31:28 +00:00
parent 02d0c391d6
commit 1e8aa40ff8
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/pages/VideoPage.tsx
View File

@ -373,7 +373,7 @@ export default function VideoPage() {
}} }}
/> />
<div className="flex flex-col lg:flex-row gap-6 relative z-[40]"> <div className="flex flex-col md:flex-row gap-6 relative z-[40]">
{/* Main video section */} {/* Main video section */}
<div className="flex-1"> <div className="flex-1">
{/* Video player */} {/* Video player */}
@ -486,7 +486,7 @@ export default function VideoPage() {
</div> </div>
{/* Recommended videos sidebar */} {/* Recommended videos sidebar */}
<div className="w-full lg:w-96"> <div className="w-full md:w-96">
<h2 className="text-lg font-semibold text-bunny-light mb-4">Empfohlene Videos</h2> <h2 className="text-lg font-semibold text-bunny-light mb-4">Empfohlene Videos</h2>
<div className="space-y-2"> <div className="space-y-2">