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

Add Sapiens logo to the right side of the top navigation bar

Browse Source 
Repositions the Sapiens logo to the top-right corner of the header across multiple pages (Article, Community, MediaOutlet, Report) and reduces its size.

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:14:24 +00:00
parent 7326e299e9
commit d34543ebf1
5 changed files with 107 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
.replit
View File

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

55
client/src/pages/Article.tsx
View File

@ -181,37 +181,36 @@ export default function Article() {
</div> </div>
)} )}
{outlet && ( {outlet && (
<div className="flex flex-col justify-between h-16"> <div className="flex items-center space-x-2">
<div className="flex items-center h-10 cursor-pointer hover:opacity-80 transition-opacity" onClick={() => setLocation("/")}> <span className="text-base font-bold text-gray-900" data-testid="text-outlet-name-header">
<img {outlet.name}
src="/attached_assets/logo_black_1759162717640.png" </span>
alt="SAPIENS" <Button
className="h-5 w-auto" variant="outline"
data-testid="logo-sapiens" size="sm"
/> onClick={(e) => {
</div> e.stopPropagation();
<div className="flex items-center space-x-2 h-6"> setLocation(`/media/${outlet.slug}/report`);
<span className="text-sm font-bold text-gray-900" data-testid="text-outlet-name-header"> }}
{outlet.name} className="h-6 px-2 flex items-center gap-1 text-xs border-gray-300 hover:bg-gray-100"
</span> aria-label="View complete profile"
<Button data-testid="button-profile"
variant="outline" >
size="sm" <IdCard className="h-3 w-3" />
onClick={(e) => { <span>About</span>
e.stopPropagation(); </Button>
setLocation(`/media/${outlet.slug}/report`);
}}
className="h-6 px-2 flex items-center gap-1 text-xs border-gray-300 hover:bg-gray-100"
aria-label="View complete profile"
data-testid="button-profile"
>
<IdCard className="h-3 w-3" />
<span>About</span>
</Button>
</div>
</div> </div>
)} )}
</div> </div>
<div className="flex items-center">
<img
src="/attached_assets/logo_black_1759162717640.png"
alt="SAPIENS"
className="h-4 w-auto cursor-pointer opacity-60 hover:opacity-100 transition-opacity"
onClick={() => setLocation("/")}
data-testid="logo-sapiens"
/>
</div>
</div> </div>
</div> </div>
</header> </header>

53
client/src/pages/Community.tsx
View File

@ -136,38 +136,35 @@ export default function Community() {
</span> </span>
</div> </div>
)} )}
<div className="flex flex-col justify-between h-16"> <div className="flex items-center space-x-2">
<div className="flex items-center h-10 cursor-pointer hover:opacity-80 transition-opacity" onClick={() => setLocation(`/media/${slug}`)}> <span className="text-base font-bold text-gray-900" data-testid="text-outlet-name-header">
<img {outlet.name}
src="/attached_assets/logo_black_1759162717640.png" </span>
alt="SAPIENS" <Button
className="h-5 w-auto" variant="outline"
data-testid="logo-sapiens" size="sm"
/> onClick={(e) => {
</div> e.stopPropagation();
<div className="flex items-center space-x-2 h-6"> setLocation(`/media/${outlet.slug}/report`);
<span className="text-sm font-bold text-gray-900" data-testid="text-outlet-name-header"> }}
{outlet.name} className="h-6 px-2 flex items-center gap-1 text-xs border-gray-300 hover:bg-gray-100"
</span> aria-label="View complete profile"
<Button data-testid="button-profile"
variant="outline" >
size="sm" <IdCard className="h-3 w-3" />
onClick={(e) => { <span>About</span>
e.stopPropagation(); </Button>
setLocation(`/media/${outlet.slug}/report`);
}}
className="h-6 px-2 flex items-center gap-1 text-xs border-gray-300 hover:bg-gray-100"
aria-label="View complete profile"
data-testid="button-profile"
>
<IdCard className="h-3 w-3" />
<span>About</span>
</Button>
</div>
</div> </div>
</div> </div>
<div className="flex items-center space-x-4"> <div className="flex items-center space-x-4">
<img
src="/attached_assets/logo_black_1759162717640.png"
alt="SAPIENS"
className="h-4 w-auto cursor-pointer opacity-60 hover:opacity-100 transition-opacity"
onClick={() => setLocation("/")}
data-testid="logo-sapiens"
/>
<div <div
className="relative cursor-pointer" className="relative cursor-pointer"
onClick={() => setIsSearchModalOpen(true)} onClick={() => setIsSearchModalOpen(true)}

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

@ -207,38 +207,35 @@ export default function MediaOutlet() {
</span> </span>
</div> </div>
)} )}
<div className="flex flex-col justify-between h-16"> <div className="flex items-center space-x-2">
<div className="flex items-center h-10 cursor-pointer hover:opacity-80 transition-opacity" onClick={() => setLocation("/")}> <span className="text-base font-bold text-gray-900" data-testid="text-outlet-name-header">
<img {outlet.name}
src="/attached_assets/logo_black_1759162717640.png" </span>
alt="SAPIENS" <Button
className="h-5 w-auto" variant="outline"
data-testid="logo-sapiens" size="sm"
/> onClick={(e) => {
</div> e.stopPropagation();
<div className="flex items-center space-x-2 h-6"> setLocation(`/media/${outlet.slug}/report`);
<span className="text-sm font-bold text-gray-900" data-testid="text-outlet-name-header"> }}
{outlet.name} className="h-6 px-2 flex items-center gap-1 text-xs border-gray-300 hover:bg-gray-100"
</span> aria-label="View complete profile"
<Button data-testid="button-profile"
variant="outline" >
size="sm" <IdCard className="h-3 w-3" />
onClick={(e) => { <span>About</span>
e.stopPropagation(); </Button>
setLocation(`/media/${outlet.slug}/report`);
}}
className="h-6 px-2 flex items-center gap-1 text-xs border-gray-300 hover:bg-gray-100"
aria-label="View complete profile"
data-testid="button-profile"
>
<IdCard className="h-3 w-3" />
<span>About</span>
</Button>
</div>
</div> </div>
</div> </div>
<div className="flex items-center space-x-4"> <div className="flex items-center space-x-4">
<img
src="/attached_assets/logo_black_1759162717640.png"
alt="SAPIENS"
className="h-4 w-auto cursor-pointer opacity-60 hover:opacity-100 transition-opacity"
onClick={() => setLocation("/")}
data-testid="logo-sapiens"
/>
<div <div
className="relative cursor-pointer" className="relative cursor-pointer"
onClick={() => setIsSearchModalOpen(true)} onClick={() => setIsSearchModalOpen(true)}

63
client/src/pages/Report.tsx
View File

@ -474,48 +474,37 @@ export default function Report() {
</span> </span>
</div> </div>
)} )}
<div className="flex flex-col justify-between h-16"> <div className="flex items-center space-x-2">
<div className="flex items-center h-10 cursor-pointer hover:opacity-80 transition-opacity" onClick={() => setLocation("/")}> <span className="text-base font-bold text-gray-900" data-testid="text-outlet-name-header">
<img {outlet.name}
src="/attached_assets/logo_black_1759162717640.png" </span>
alt="SAPIENS" <Button
className="h-5 w-auto" variant="outline"
data-testid="logo-sapiens" size="sm"
/> onClick={(e) => {
</div> e.stopPropagation();
<div className="flex items-center space-x-2 h-6"> setLocation(`/media/${outlet.slug}/report`);
<span className="text-sm font-bold text-gray-900" data-testid="text-outlet-name-header"> }}
{outlet.name} className="h-6 px-2 flex items-center gap-1 text-xs border-gray-300 hover:bg-gray-100"
</span> aria-label="View complete profile"
<Button data-testid="button-profile"
variant="outline" >
size="sm" <IdCard className="h-3 w-3" />
onClick={(e) => { <span>About</span>
e.stopPropagation(); </Button>
setLocation(`/media/${outlet.slug}/report`);
}}
className="h-6 px-2 flex items-center gap-1 text-xs border-gray-300 hover:bg-gray-100"
aria-label="View complete profile"
data-testid="button-profile"
>
<IdCard className="h-3 w-3" />
<span>About</span>
</Button>
</div>
</div> </div>
</> </>
) : ( ) : null}
<img
src="/attached_assets/logo_black_1759162717640.png"
alt="SAPIENS"
className="h-6 w-auto cursor-pointer"
onClick={() => setLocation("/")}
data-testid="logo-sapiens"
/>
)}
</div> </div>
<div className="flex items-center space-x-4"> <div className="flex items-center space-x-4">
<img
src="/attached_assets/logo_black_1759162717640.png"
alt="SAPIENS"
className="h-4 w-auto cursor-pointer opacity-60 hover:opacity-100 transition-opacity"
onClick={() => setLocation("/")}
data-testid="logo-sapiens"
/>
<div <div
className="relative cursor-pointer" className="relative cursor-pointer"
onClick={() => setIsSearchModalOpen(true)} onClick={() => setIsSearchModalOpen(true)}