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

Adjust live page layout for better mobile and desktop viewing

Browse Source 
Modify the LivePage component's grid layout to use flexbox, improving responsiveness and spacing on various screen sizes.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 45a1dcfc-f8a2-475a-a6b9-96fbb841dc27
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/45a1dcfc-f8a2-475a-a6b9-96fbb841dc27/ptu5VO2
This commit is contained in:
sebastjanartic 2025-09-26 16:55:07 +00:00
parent 2ade01a1b6
commit b08ce97c9d
3 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.replit
View File

@ -24,7 +24,7 @@ localPort = 35637
externalPort = 3000
[[ports]]
localPort = 38759
localPort = 44083
externalPort = 3002
[env]

BIN
attached_assets/image_1758905509576.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

8
client/src/pages/LivePage.tsx
View File

@ -415,10 +415,10 @@ export default function LivePage() {
)}
</div>
<div className="container mx-auto px-4 py-6">
<div className="grid grid-cols-1 lg:grid-cols-4 gap-6">
<div className="container mx-auto px-4 py-3">
<div className="flex flex-col lg:flex-row gap-4">
{/* Main Video Player */}
<div className="lg:col-span-3">
<div className="flex-1">
<div className="bg-black rounded-lg overflow-hidden shadow-2xl">
<div className="relative aspect-video">
{error && (
@ -470,7 +470,7 @@ export default function LivePage() {
</div>
{/* Sidebar - Empfohlene Videos */}
<div className="lg:col-span-1 space-y-6">
<div className="w-full lg:w-96 space-y-4">
{/* Sidebar Ad */}
<div className="mb-6">
<AdSenseAd