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

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

@ -181,37 +181,36 @@ export default function Article() {
</div>
)}
{outlet && (
<div className="flex flex-col justify-between h-16">
<div className="flex items-center h-10 cursor-pointer hover:opacity-80 transition-opacity" onClick={() => setLocation("/")}>
<img
src="/attached_assets/logo_black_1759162717640.png"
alt="SAPIENS"
className="h-5 w-auto"
data-testid="logo-sapiens"
/>
</div>
<div className="flex items-center space-x-2 h-6">
<span className="text-sm font-bold text-gray-900" data-testid="text-outlet-name-header">
{outlet.name}
</span>
<Button
variant="outline"
size="sm"
onClick={(e) => {
e.stopPropagation();
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 className="flex items-center space-x-2">
<span className="text-base font-bold text-gray-900" data-testid="text-outlet-name-header">
{outlet.name}
</span>
<Button
variant="outline"
size="sm"
onClick={(e) => {
e.stopPropagation();
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 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>
</header>

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

@ -136,38 +136,35 @@ export default function Community() {
</span>
</div>
)}
<div className="flex flex-col justify-between h-16">
<div className="flex items-center h-10 cursor-pointer hover:opacity-80 transition-opacity" onClick={() => setLocation(`/media/${slug}`)}>
<img
src="/attached_assets/logo_black_1759162717640.png"
alt="SAPIENS"
className="h-5 w-auto"
data-testid="logo-sapiens"
/>
</div>
<div className="flex items-center space-x-2 h-6">
<span className="text-sm font-bold text-gray-900" data-testid="text-outlet-name-header">
{outlet.name}
</span>
<Button
variant="outline"
size="sm"
onClick={(e) => {
e.stopPropagation();
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 className="flex items-center space-x-2">
<span className="text-base font-bold text-gray-900" data-testid="text-outlet-name-header">
{outlet.name}
</span>
<Button
variant="outline"
size="sm"
onClick={(e) => {
e.stopPropagation();
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 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
className="relative cursor-pointer"
onClick={() => setIsSearchModalOpen(true)}

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

@ -207,38 +207,35 @@ export default function MediaOutlet() {
</span>
</div>
)}
<div className="flex flex-col justify-between h-16">
<div className="flex items-center h-10 cursor-pointer hover:opacity-80 transition-opacity" onClick={() => setLocation("/")}>
<img
src="/attached_assets/logo_black_1759162717640.png"
alt="SAPIENS"
className="h-5 w-auto"
data-testid="logo-sapiens"
/>
</div>
<div className="flex items-center space-x-2 h-6">
<span className="text-sm font-bold text-gray-900" data-testid="text-outlet-name-header">
{outlet.name}
</span>
<Button
variant="outline"
size="sm"
onClick={(e) => {
e.stopPropagation();
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 className="flex items-center space-x-2">
<span className="text-base font-bold text-gray-900" data-testid="text-outlet-name-header">
{outlet.name}
</span>
<Button
variant="outline"
size="sm"
onClick={(e) => {
e.stopPropagation();
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 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
className="relative cursor-pointer"
onClick={() => setIsSearchModalOpen(true)}

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

@ -474,48 +474,37 @@ export default function Report() {
</span>
</div>
)}
<div className="flex flex-col justify-between h-16">
<div className="flex items-center h-10 cursor-pointer hover:opacity-80 transition-opacity" onClick={() => setLocation("/")}>
<img
src="/attached_assets/logo_black_1759162717640.png"
alt="SAPIENS"
className="h-5 w-auto"
data-testid="logo-sapiens"
/>
</div>
<div className="flex items-center space-x-2 h-6">
<span className="text-sm font-bold text-gray-900" data-testid="text-outlet-name-header">
{outlet.name}
</span>
<Button
variant="outline"
size="sm"
onClick={(e) => {
e.stopPropagation();
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 className="flex items-center space-x-2">
<span className="text-base font-bold text-gray-900" data-testid="text-outlet-name-header">
{outlet.name}
</span>
<Button
variant="outline"
size="sm"
onClick={(e) => {
e.stopPropagation();
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>
</>
) : (
<img
src="/attached_assets/logo_black_1759162717640.png"
alt="SAPIENS"
className="h-6 w-auto cursor-pointer"
onClick={() => setLocation("/")}
data-testid="logo-sapiens"
/>
)}
) : null}
</div>
<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
className="relative cursor-pointer"
onClick={() => setIsSearchModalOpen(true)}