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

Update the media outlet page to match the overall site design

Browse Source 
Refactors the UI and CSS of the auction section and article view toggles to align with the site's existing visual theme, changing accent colors from orange to gray and updating button styles.

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/UXwUwik
This commit is contained in:
kimjaehyeon0101
2025-09-30 02:23:08 +00:00
parent 87338ac220
commit ddb99c5218
2 changed files with 135 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -388,19 +388,19 @@ export default function MediaOutlet() {
{/* Auction Section */}
{!auctionLoading && auction ? (
<Card className="border-orange-200 bg-orange-50">
<Card className="border-gray-200 bg-gray-50">
<CardContent className="p-3">
<div className="flex items-center justify-between">
<div className="flex items-center space-x-4">
<div className="flex items-center space-x-2">
<Gavel className="h-5 w-5 text-orange-600" />
<span className="font-semibold text-orange-900">Management Rights Auction</span>
<Gavel className="h-5 w-5 text-gray-600" />
<span className="font-semibold text-gray-900">Management Rights Auction</span>
</div>
<div className="flex items-center space-x-2 text-sm text-orange-700">
<div className="flex items-center space-x-2 text-sm text-gray-700">
<TrendingUp className="h-4 w-4" />
<span>Current Highest Bid: {formatCurrency(auction.currentBid)}</span>
</div>
<div className="flex items-center space-x-2 text-sm text-orange-700">
<div className="flex items-center space-x-2 text-sm text-gray-700">
<Clock className="h-4 w-4" />
<span>{formatTimeRemaining(auction.endDate)}</span>
</div>
@ -408,7 +408,7 @@ export default function MediaOutlet() {
<Button
onClick={() => setLocation(`/media/${params?.slug}/auction`)}
size="sm"
className="bg-orange-600 hover:bg-orange-700"
className="bg-gray-600 hover:bg-gray-700 text-white"
data-testid="button-auction"
>
Place Bid
@ -457,18 +457,20 @@ export default function MediaOutlet() {
<h2 className="text-xl font-bold">Latest Articles</h2>
<div className="flex items-center space-x-2">
<Button
variant={viewMode === "grid" ? "default" : "outline"}
variant="outline"
size="sm"
onClick={() => setViewMode("grid")}
className={viewMode === "grid" ? "bg-gray-600 text-white hover:bg-gray-700" : ""}
data-testid="button-grid-view"
>
<Grid className="h-4 w-4 mr-2" />
Grid
</Button>
<Button
variant={viewMode === "list" ? "default" : "outline"}
variant="outline"
size="sm"
onClick={() => setViewMode("list")}
className={viewMode === "list" ? "bg-gray-600 text-white hover:bg-gray-700" : ""}
data-testid="button-list-view"
>
<List className="h-4 w-4 mr-2" />