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

Adjust logo and media outlet name alignment and size

Browse Source 
Modify flex alignment for header elements and adjust SAPIENS logo max-width in MediaOutlet and Report components.

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:40:55 +00:00
parent 916cc1e086
commit 664b3f84ba
3 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
attached_assets/chayan asil_1759214369824.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 MiB

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

@ -71,10 +71,10 @@ export default function MediaOutlet() {
<header className="bg-white border-b border-gray-200 sticky top-0 z-50">
<div className="max-w-7xl mx-auto px-6 py-4">
<div className="flex items-center justify-between">
<div className="flex items-start 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="flex flex-col">
<div className="h-1.5 w-20 bg-gray-200 rounded animate-pulse mb-0.5"></div>
<div className="h-1.5 w-16 bg-gray-200 rounded animate-pulse mb-0.5"></div>
<div className="h-5 w-24 bg-gray-200 rounded animate-pulse"></div>
</div>
</div>
@ -189,7 +189,7 @@ export default function MediaOutlet() {
<header className="bg-white border-b border-gray-200 sticky top-0 z-50">
<div className="max-w-7xl mx-auto px-6 py-4">
<div className="flex items-center justify-between">
<div className="flex items-start space-x-3">
<div className="flex items-center space-x-3">
{outlet.imageUrl ? (
<img
src={outlet.imageUrl}
@ -209,7 +209,7 @@ export default function MediaOutlet() {
<img
src="/attached_assets/logo_black_1759162717640.png"
alt="SAPIENS"
className="h-1.5 w-auto mb-0.5"
className="h-1.5 w-auto max-w-[60px] mb-0.5"
data-testid="logo-sapiens"
/>
<div className="flex items-center space-x-1.5">

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

@ -103,12 +103,12 @@ export default function Report() {
<header className="bg-white border-b border-gray-200 sticky top-0 z-50">
<div className="max-w-7xl mx-auto px-6 py-4">
<div className="flex items-center justify-between">
<div className="flex items-start space-x-3">
<div className="flex items-center space-x-3">
{outletLoading ? (
<>
<div className="w-10 h-10 bg-gray-200 rounded-full animate-pulse"></div>
<div className="flex flex-col">
<div className="h-1.5 w-20 bg-gray-200 rounded animate-pulse mb-0.5"></div>
<div className="h-1.5 w-16 bg-gray-200 rounded animate-pulse mb-0.5"></div>
<div className="h-5 w-24 bg-gray-200 rounded animate-pulse"></div>
</div>
</>
@ -133,7 +133,7 @@ export default function Report() {
<img
src="/attached_assets/logo_black_1759162717640.png"
alt="SAPIENS"
className="h-1.5 w-auto mb-0.5"
className="h-1.5 w-auto max-w-[60px] mb-0.5"
data-testid="logo-sapiens"
/>
<div className="flex items-center space-x-1.5">