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

Emphasize media outlet names over the Sapiens logo visually

Browse Source 
Adjusted Sapiens logo size to be smaller, increasing the font size of media outlet names. Modified CSS classes in MediaOutlet.tsx and Report.tsx to achieve this visual hierarchy change.

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:37:47 +00:00
parent d520dfbb36
commit 916cc1e086
4 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -74,8 +74,8 @@ export default function MediaOutlet() {
<div className="flex items-start 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-5 w-20 bg-gray-200 rounded animate-pulse mb-1"></div>
<div className="h-3 w-16 bg-gray-200 rounded animate-pulse"></div>
<div className="h-1.5 w-20 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>
@ -209,11 +209,11 @@ export default function MediaOutlet() {
<img
src="/attached_assets/logo_black_1759162717640.png"
alt="SAPIENS"
className="h-5 w-auto mb-1"
className="h-1.5 w-auto mb-0.5"
data-testid="logo-sapiens"
/>
<div className="flex items-center space-x-1.5">
<span className="text-xs font-semibold text-gray-900" data-testid="text-outlet-name-header">
<span className="text-lg font-bold text-gray-900" data-testid="text-outlet-name-header">
{outlet.name}
</span>
<TooltipProvider>
@ -226,7 +226,7 @@ export default function MediaOutlet() {
aria-label="View outlet information"
>
<Info
className="h-3 w-3 text-gray-500 cursor-pointer hover:text-gray-700"
className="h-4 w-4 text-gray-500 cursor-pointer hover:text-gray-700"
data-testid="icon-info-header"
/>
</button>