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

Adjust layout to display footer content horizontally on smaller screens

Browse Source 
Modify grid columns in footer component to enable two-column layout on medium screens and four columns on larger screens.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/2xHHKQn
This commit is contained in:
sebastjanartic 2025-09-01 21:24:33 +00:00
parent d3e69ff709
commit 911acaa2a7
4 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -283,7 +283,7 @@ export default function FolxStadlPage() {
{/* Footer */} {/* Footer */}
<footer className="bg-bunny-dark/90 border-t border-white/10 py-8 mt-12"> <footer className="bg-bunny-dark/90 border-t border-white/10 py-8 mt-12">
<div className="container"> <div className="container">
<div className="grid grid-cols-1 md:grid-cols-4 gap-8 text-sm"> <div className="grid grid-cols-2 md:grid-cols-4 gap-6 md:gap-8 text-sm">
{/* Company Info */} {/* Company Info */}
<div className="col-span-1"> <div className="col-span-1">
<div className="flex items-center space-x-2 mb-4"> <div className="flex items-center space-x-2 mb-4">

2
client/src/pages/GeschichteLiedPage.tsx
View File

@ -284,7 +284,7 @@ export default function GeschichteLiedPage() {
{/* Footer */} {/* Footer */}
<footer className="bg-bunny-dark/90 border-t border-white/10 py-8 mt-12"> <footer className="bg-bunny-dark/90 border-t border-white/10 py-8 mt-12">
<div className="container"> <div className="container">
<div className="grid grid-cols-1 md:grid-cols-4 gap-8 text-sm"> <div className="grid grid-cols-2 md:grid-cols-4 gap-6 md:gap-8 text-sm">
{/* Company Info */} {/* Company Info */}
<div className="col-span-1"> <div className="col-span-1">
<div className="flex items-center space-x-2 mb-4"> <div className="flex items-center space-x-2 mb-4">

2
client/src/pages/GipfelstammtischPage.tsx
View File

@ -284,7 +284,7 @@ export default function GipfelstammtischPage() {
{/* Footer */} {/* Footer */}
<footer className="bg-bunny-dark/90 border-t border-white/10 py-8 mt-12"> <footer className="bg-bunny-dark/90 border-t border-white/10 py-8 mt-12">
<div className="container"> <div className="container">
<div className="grid grid-cols-1 md:grid-cols-4 gap-8 text-sm"> <div className="grid grid-cols-2 md:grid-cols-4 gap-6 md:gap-8 text-sm">
{/* Company Info */} {/* Company Info */}
<div className="col-span-1"> <div className="col-span-1">
<div className="flex items-center space-x-2 mb-4"> <div className="flex items-center space-x-2 mb-4">

2
client/src/pages/home.tsx
View File

@ -200,7 +200,7 @@ export default function Home() {
{/* Footer */} {/* Footer */}
<footer className="bg-bunny-dark/90 border-t border-white/10 py-8 mt-12"> <footer className="bg-bunny-dark/90 border-t border-white/10 py-8 mt-12">
<div className="container"> <div className="container">
<div className="grid grid-cols-1 md:grid-cols-4 gap-8 text-sm"> <div className="grid grid-cols-2 md:grid-cols-4 gap-6 md:gap-8 text-sm">
{/* Company Info */} {/* Company Info */}
<div className="col-span-1"> <div className="col-span-1">
<div className="flex items-center space-x-2 mb-4"> <div className="flex items-center space-x-2 mb-4">