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

Update header layout for media outlets and articles

Browse Source 
Restructures the header component in Article, Community, MediaOutlet, and Report pages to display the logo on the left and the media outlet name below it, accommodating a two-line layout.

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/uCJPlBt
This commit is contained in:
kimjaehyeon0101
2025-10-15 05:28:58 +00:00
parent 31150e5a34
commit 1fedd40899
5 changed files with 47 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
attached_assets/스크린샷 2025-10-15 오후 1.42.39_1760505845507.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.0 KiB

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

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

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

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

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

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

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

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