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:
4
.replit
4
.replit
@ -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"
|
||||||
|
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user