Update media outlet page by increasing title font size and adding search bar

Refactors the MediaOutlet page component by increasing the font size of the outlet name, removing the Sapiens logo from the top bar, and implementing a new search bar with a custom Sapiens logo.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 9a264234-c5d7-4dcc-adf3-a954b149b30d
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/9a264234-c5d7-4dcc-adf3-a954b149b30d/IfFFLfD
This commit is contained in:
kimjaehyeon0101
2025-10-15 07:27:12 +00:00
parent e284853f9e
commit d5dff053a5
2 changed files with 17 additions and 13 deletions

View File

@ -50,10 +50,6 @@ externalPort = 3000
localPort = 43777 localPort = 43777
externalPort = 4200 externalPort = 4200
[[ports]]
localPort = 44937
externalPort = 6800
[env] [env]
PORT = "5000" PORT = "5000"

View File

@ -208,7 +208,7 @@ export default function MediaOutlet() {
</div> </div>
)} )}
<div className="flex items-center space-x-2"> <div className="flex items-center space-x-2">
<span className="text-base font-bold text-gray-900" data-testid="text-outlet-name-header"> <span className="text-3xl font-bold text-gray-900" data-testid="text-outlet-name-header">
{outlet.name} {outlet.name}
</span> </span>
<Button <Button
@ -229,6 +229,22 @@ export default function MediaOutlet() {
</div> </div>
<div className="flex items-center space-x-4"> <div className="flex items-center space-x-4">
<div
className="relative cursor-pointer flex items-center"
onClick={() => setIsSearchModalOpen(true)}
data-testid="search-container"
>
<Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-400 pointer-events-none" />
<div className="pl-10 pr-3 py-1.5 bg-gray-50 border border-gray-200 rounded-md flex items-center space-x-1 hover:bg-gray-100 transition-colors">
<span className="text-sm text-gray-500">search in</span>
<img
src="/attached_assets/logo_black_1759162717640.png"
alt="SAPIENS"
className="h-3.5 w-auto"
/>
</div>
</div>
{isAuthenticated && user ? ( {isAuthenticated && user ? (
<> <>
<Button <Button
@ -274,14 +290,6 @@ export default function MediaOutlet() {
> >
<Settings className="h-4 w-4" /> <Settings className="h-4 w-4" />
</Button> </Button>
<img
src="/attached_assets/logo_black_1759162717640.png"
alt="SAPIENS"
className="h-3 w-auto cursor-pointer opacity-100"
onClick={() => setLocation("/")}
data-testid="logo-sapiens"
/>
</div> </div>
</div> </div>
</div> </div>