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

Update auction page layout and information display

Browse Source 
Adjusted the layout of the auction page by moving the title and description to the header next to the logo. Modified auction cards to display only the media outlet name, removing redundant information and improving clarity.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 069d4324-6c40-4355-955e-c714a50de1ea
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/069d4324-6c40-4355-955e-c714a50de1ea/bLfICpO
This commit is contained in:
kimjaehyeon0101
2025-09-29 21:44:23 +00:00
parent cfa18d6db6
commit 7a5cfa43d9
1 changed files with 8 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
client/src/pages/Auctions.tsx
View File

@ -163,7 +163,7 @@ export default function Auctions() {
<header className="bg-white border-b border-gray-200 sticky top-0 z-50">
<div className="max-w-7xl mx-auto px-4 py-3">
<div className="flex items-center justify-between">
<div className="flex items-center">
<div className="flex items-center gap-4">
<Link href="/">
<img
src="/attached_assets/logo_black_1759181850935.png"
@ -172,6 +172,10 @@ export default function Auctions() {
data-testid="logo-sapiens"
/>
</Link>
<div>
<h1 className="text-base font-bold">Media Outlet Auctions</h1>
<p className="text-xs text-gray-600">Bid for exclusive editorial rights and content management privileges</p>
</div>
</div>
<div className="flex items-center space-x-3">
@ -210,15 +214,9 @@ export default function Auctions() {
</header>
<main className="flex-1 max-w-7xl mx-auto px-4 py-3 w-full">
{/* Page Header */}
{/* Auction Explanation */}
<div className="mb-4">
<h1 className="text-2xl font-bold mb-2">Media Outlet Auctions</h1>
<p className="text-sm text-gray-600">
Bid for exclusive editorial rights and content management privileges
</p>
{/* Auction Explanation */}
<Card className="mt-3">
<Card>
<CardContent className="p-3">
<h3 className="font-semibold mb-2 text-sm">How Auctions Work</h3>
<div className="grid grid-cols-1 md:grid-cols-3 gap-3 text-xs">
@ -275,11 +273,7 @@ export default function Auctions() {
<CardContent className="p-6">
<div className="flex items-start justify-between mb-4">
<div>
<h3 className="font-semibold text-lg line-clamp-1">{auction.title}</h3>
<p className="text-sm text-muted-foreground mb-1">
{getMediaOutletName(auction.mediaOutletId)}
</p>
<p className="text-sm text-muted-foreground line-clamp-2">{auction.description}</p>
<h3 className="font-semibold text-lg line-clamp-1">{getMediaOutletName(auction.mediaOutletId)}</h3>
</div>
<Badge variant={status.variant}>{status.text}</Badge>
</div>