aimond/sapiens-web2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve layout and add auction functionality for media outlets

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

4
.replit
View File

@ -22,6 +22,10 @@ externalPort = 3002
localPort = 37531 localPort = 37531
externalPort = 3001 externalPort = 3001
[[ports]]
localPort = 40799
externalPort = 3003
[[ports]] [[ports]]
localPort = 43349 localPort = 43349
externalPort = 3000 externalPort = 3000

4
client/src/components/MainContent.tsx
View File

@ -86,8 +86,8 @@ export default function MainContent() {
); );
return ( return (
<div className="min-h-screen bg-gray-50"> <div className="flex flex-col min-h-screen bg-gray-50">
<div className="max-w-7xl mx-auto px-4 py-4"> <div className="flex-1 max-w-7xl mx-auto px-4 py-4 w-full">
{isLoading ? ( {isLoading ? (
<div className="grid grid-cols-1 lg:grid-cols-3 gap-6"> <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
{categories.map((category) => ( {categories.map((category) => (

6
client/src/pages/AdminDashboard.tsx
View File

@ -10,6 +10,7 @@ import { Search, Settings, ArrowUpDown } from "lucide-react";
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
import type { MediaOutlet } from "@shared/schema"; import type { MediaOutlet } from "@shared/schema";
import MediaOutletManagement from "@/components/MediaOutletManagement"; import MediaOutletManagement from "@/components/MediaOutletManagement";
import Footer from "@/components/Footer";
export default function AdminDashboard() { export default function AdminDashboard() {
const { user, isLoading } = useAuth(); const { user, isLoading } = useAuth();
@ -100,7 +101,7 @@ export default function AdminDashboard() {
} }
return ( return (
<div className="min-h-screen bg-gray-50"> <div className="flex flex-col min-h-screen bg-gray-50">
{/* Header */} {/* Header */}
<header className="bg-white border-b border-gray-200 sticky top-0 z-50"> <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"> <div className="max-w-7xl mx-auto px-6 py-4">
@ -155,7 +156,7 @@ export default function AdminDashboard() {
</div> </div>
</header> </header>
<main className="max-w-7xl mx-auto px-4 py-4"> <main className="flex-1 max-w-7xl mx-auto px-4 py-4 w-full">
{outletsLoading ? ( {outletsLoading ? (
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4"> <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4">
{Array.from({ length: 12 }).map((_, i) => ( {Array.from({ length: 12 }).map((_, i) => (
@ -406,6 +407,7 @@ export default function AdminDashboard() {
</div> </div>
)} )}
</main> </main>
<Footer />
</div> </div>
); );
} }

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

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