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

Adjust media outlet logo and name alignment for better visual balance

Browse Source 
Update MediaOutlet and Report components to reposition the SAPIENS logo and media outlet name. The logo's vertical and horizontal dimensions are adjusted to prevent distortion.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 0fb68265-c270-4198-9584-3d9be9bddb41
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/0fb68265-c270-4198-9584-3d9be9bddb41/sXqrCAq
This commit is contained in:
kimjaehyeon0101
2025-09-30 06:44:54 +00:00
parent 664b3f84ba
commit f04a6da118
3 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
attached_assets/image_1759214528219.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

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

@ -73,8 +73,8 @@ export default function MediaOutlet() {
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div className="flex items-center space-x-3"> <div className="flex items-center space-x-3">
<div className="w-10 h-10 bg-gray-200 rounded-full animate-pulse"></div> <div className="w-10 h-10 bg-gray-200 rounded-full animate-pulse"></div>
<div className="flex flex-col"> <div className="flex flex-col mt-1">
<div className="h-1.5 w-16 bg-gray-200 rounded animate-pulse mb-0.5"></div> <div className="h-2.5 w-12 bg-gray-200 rounded animate-pulse mb-0.5"></div>
<div className="h-5 w-24 bg-gray-200 rounded animate-pulse"></div> <div className="h-5 w-24 bg-gray-200 rounded animate-pulse"></div>
</div> </div>
</div> </div>
@ -205,11 +205,11 @@ export default function MediaOutlet() {
</span> </span>
</div> </div>
)} )}
<div className="flex flex-col cursor-pointer hover:opacity-80 transition-opacity" onClick={() => setLocation("/")}> <div className="flex flex-col cursor-pointer hover:opacity-80 transition-opacity mt-1" onClick={() => setLocation("/")}>
<img <img
src="/attached_assets/logo_black_1759162717640.png" src="/attached_assets/logo_black_1759162717640.png"
alt="SAPIENS" alt="SAPIENS"
className="h-1.5 w-auto max-w-[60px] mb-0.5" className="h-2.5 w-auto max-w-[45px] mb-0.5"
data-testid="logo-sapiens" data-testid="logo-sapiens"
/> />
<div className="flex items-center space-x-1.5"> <div className="flex items-center space-x-1.5">

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

@ -107,8 +107,8 @@ export default function Report() {
{outletLoading ? ( {outletLoading ? (
<> <>
<div className="w-10 h-10 bg-gray-200 rounded-full animate-pulse"></div> <div className="w-10 h-10 bg-gray-200 rounded-full animate-pulse"></div>
<div className="flex flex-col"> <div className="flex flex-col mt-1">
<div className="h-1.5 w-16 bg-gray-200 rounded animate-pulse mb-0.5"></div> <div className="h-2.5 w-12 bg-gray-200 rounded animate-pulse mb-0.5"></div>
<div className="h-5 w-24 bg-gray-200 rounded animate-pulse"></div> <div className="h-5 w-24 bg-gray-200 rounded animate-pulse"></div>
</div> </div>
</> </>
@ -129,11 +129,11 @@ export default function Report() {
</span> </span>
</div> </div>
)} )}
<div className="flex flex-col cursor-pointer hover:opacity-80 transition-opacity" onClick={() => setLocation("/")}> <div className="flex flex-col cursor-pointer hover:opacity-80 transition-opacity mt-1" onClick={() => setLocation("/")}>
<img <img
src="/attached_assets/logo_black_1759162717640.png" src="/attached_assets/logo_black_1759162717640.png"
alt="SAPIENS" alt="SAPIENS"
className="h-1.5 w-auto max-w-[60px] mb-0.5" className="h-2.5 w-auto max-w-[45px] mb-0.5"
data-testid="logo-sapiens" data-testid="logo-sapiens"
/> />
<div className="flex items-center space-x-1.5"> <div className="flex items-center space-x-1.5">