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

Improve logo size and slide display for better user experience

Browse Source 
Adjusts the Sapiens logo size in the header across multiple pages and ensures slides in the Report section display correctly without background overflow.

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/cEkjo93
This commit is contained in:
kimjaehyeon0101
2025-10-15 04:30:38 +00:00
parent 40c2bf6f99
commit af38baccf8
3 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -136,11 +136,11 @@ export default function Community() {
</span> </span>
</div> </div>
)} )}
<div className="flex flex-col cursor-pointer hover:opacity-80 transition-opacity mt-1" onClick={() => setLocation(`/media/${slug}`)}> <div className="flex items-center space-x-3 cursor-pointer hover:opacity-80 transition-opacity" onClick={() => setLocation(`/media/${slug}`)}>
<img <img
src="/attached_assets/logo_black_1759162717640.png" src="/attached_assets/logo_black_1759162717640.png"
alt="SAPIENS" alt="SAPIENS"
className="h-2.5 w-auto max-w-[70px] mb-0.5" className="h-7 w-auto"
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">

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

@ -207,11 +207,11 @@ export default function MediaOutlet() {
</span> </span>
</div> </div>
)} )}
<div className="flex flex-col cursor-pointer hover:opacity-80 transition-opacity mt-1" onClick={() => setLocation("/")}> <div className="flex items-center space-x-3 cursor-pointer hover:opacity-80 transition-opacity" onClick={() => setLocation("/")}>
<img <img
src="/attached_assets/logo_black_1759162717640.png" src="/attached_assets/logo_black_1759162717640.png"
alt="SAPIENS" alt="SAPIENS"
className="h-2.5 w-auto max-w-[70px] mb-0.5" className="h-7 w-auto"
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">

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

@ -91,13 +91,13 @@ function MohamedSalahSlides() {
return ( return (
<div className="space-y-6"> <div className="space-y-6">
<div className="w-full relative overflow-hidden bg-white shadow-lg" style={{ paddingTop: '56.25%' }} data-testid="slide-container-16-9"> <div className="w-full relative overflow-hidden bg-gray-900 rounded-lg" style={{ paddingTop: '56.25%' }} data-testid="slide-container-16-9">
<div className="absolute inset-0 flex items-center justify-center"> <div className="absolute inset-0 flex items-center justify-center bg-gray-900">
{isLoading && ( {isLoading && (
<div className="absolute inset-0 flex items-center justify-center bg-white z-10"> <div className="absolute inset-0 flex items-center justify-center bg-gray-900 z-10">
<div className="text-center"> <div className="text-center">
<div className="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600 mx-auto mb-4"></div> <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600 mx-auto mb-4"></div>
<p className="text-gray-600" data-testid="text-loading-slides">Loading slides...</p> <p className="text-gray-400" data-testid="text-loading-slides">Loading slides...</p>
</div> </div>
</div> </div>
)} )}
@ -112,6 +112,7 @@ function MohamedSalahSlides() {
renderTextLayer={false} renderTextLayer={false}
renderAnnotationLayer={false} renderAnnotationLayer={false}
data-testid="canvas-pdf-slide" data-testid="canvas-pdf-slide"
className="max-w-full max-h-full object-contain"
/> />
</Document> </Document>
</div> </div>
@ -473,11 +474,11 @@ export default function Report() {
</span> </span>
</div> </div>
)} )}
<div className="flex flex-col cursor-pointer hover:opacity-80 transition-opacity mt-1" onClick={() => setLocation("/")}> <div className="flex items-center space-x-3 cursor-pointer hover:opacity-80 transition-opacity" onClick={() => setLocation("/")}>
<img <img
src="/attached_assets/logo_black_1759162717640.png" src="/attached_assets/logo_black_1759162717640.png"
alt="SAPIENS" alt="SAPIENS"
className="h-2.5 w-auto max-w-[70px] mb-0.5" className="h-7 w-auto"
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">