Improve layout and add auction functionality for media outlets

Refactor MainContent, AdminDashboard, and MediaOutlet components to enforce a sticky footer, adjust layout for header elements, and prepare for the integration of auction features.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 069d4324-6c40-4355-955e-c714a50de1ea
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/069d4324-6c40-4355-955e-c714a50de1ea/Ml7hyYJ
This commit is contained in:
kimjaehyeon0101
2025-09-29 20:40:16 +00:00
parent 61fd5664cf
commit 00b92a8a45
4 changed files with 14 additions and 8 deletions

View File

@ -92,7 +92,7 @@ export default function MediaOutlet() {
if (outletLoading) {
return (
<div className="min-h-screen bg-gray-50">
<div className="flex flex-col min-h-screen bg-gray-50">
{/* Header - Same as Home */}
<header className="bg-white border-b border-gray-200 sticky top-0 z-50">
<div className="max-w-7xl mx-auto px-6 py-4">
@ -172,7 +172,7 @@ export default function MediaOutlet() {
</div>
</header>
<div className="max-w-7xl mx-auto px-6 py-4">
<div className="flex-1 max-w-7xl mx-auto px-6 py-4 w-full">
<div className="animate-pulse">
<div className="h-8 bg-gray-200 rounded w-1/3 mb-2"></div>
<div className="h-4 bg-gray-200 rounded w-2/3 mb-4"></div>
@ -201,7 +201,7 @@ export default function MediaOutlet() {
}
return (
<div className="min-h-screen bg-gray-50">
<div className="flex flex-col min-h-screen bg-gray-50">
{/* Header - Same as Home */}
<header className="bg-white border-b border-gray-200 sticky top-0 z-50">
<div className="max-w-7xl mx-auto px-6 py-4">
@ -283,7 +283,7 @@ export default function MediaOutlet() {
</div>
</header>
<main className="max-w-7xl mx-auto px-6 py-4">
<main className="flex-1 max-w-7xl mx-auto px-6 py-4 w-full">
{/* Outlet Header */}
<div className="mb-4">
<div className="flex items-start space-x-4 mb-3">