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

Improve video page layout for better display of show information

Browse Source 
Adjusted grid layout to allocate more space for video listings and simplified the displayed information on the right-hand side for a more compact view.

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/QQTyNAb
This commit is contained in:
sebastjanartic 2025-08-30 16:11:14 +00:00
parent 22387c5148
commit bc8fe24e1a
1 changed files with 10 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
client/src/pages/FolxStadlPage.tsx
View File

@ -59,9 +59,9 @@ export default function FolxStadlPage() {
{/* Main Content */} {/* Main Content */}
<div className="max-w-7xl mx-auto px-4 py-8"> <div className="max-w-7xl mx-auto px-4 py-8">
<div className="grid grid-cols-1 lg:grid-cols-3 gap-8"> <div className="grid grid-cols-1 lg:grid-cols-5 gap-6">
{/* Left Side - Video List */} {/* Left Side - Video List */}
<div className="lg:col-span-2"> <div className="lg:col-span-4">
<div className="space-y-4"> <div className="space-y-4">
{folxStadlVideos.map((video, index) => ( {folxStadlVideos.map((video, index) => (
<div key={video.id} className="group"> <div key={video.id} className="group">
@ -81,27 +81,17 @@ export default function FolxStadlPage() {
)} )}
</div> </div>
{/* Right Side - Description */} {/* Right Side - Compact Info */}
<div className="lg:col-span-1"> <div className="lg:col-span-1">
<div className="bg-black/20 backdrop-blur-sm rounded-lg p-6 sticky top-8"> <div className="bg-black/20 backdrop-blur-sm rounded-lg p-3 sticky top-8">
<h2 className="text-2xl font-bold text-white mb-4">FOLX STADL S4</h2> <h3 className="text-lg font-bold text-white mb-2">FOLX STADL S4</h3>
<div className="space-y-4 text-bunny-light"> <div className="text-sm text-bunny-light space-y-2">
<p className="text-lg">
Kompletna 4. sezona FOLX STADL oddaj iz Prime Time Studio Bad Tölz.
</p>
<p> <p>
Vse epizode vključujejo nastope znanih izvajalcev volkstümliche glasbe, {folxStadlVideos.length} kompletnih oddaj iz Prime Time Studio Bad Tölz.
vodijo pa moderatorji Hansi Berger, Martina, Spitzbua Markus in Lucky Putz. </p>
<p className="text-xs text-bunny-muted">
Moderatorji: Hansi Berger, Martina, Spitzbua Markus, Lucky Putz
</p> </p>
<div className="border-t border-white/10 pt-4 mt-6">
<h3 className="font-semibold text-white mb-2">V tej kolekciji:</h3>
<ul className="text-sm space-y-1 text-bunny-muted">
<li>• {folxStadlVideos.length} kompletnih oddaj</li>
<li>• Nastopi vodilnih izvajalcev</li>
<li>• Premium studio produkcija</li>
<li>• HD video kvaliteta</li>
</ul>
</div>
</div> </div>
</div> </div>
</div> </div>