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

Remove background from media slides for better presentation

Browse Source 
Update Report.tsx to remove the background styling from the PDF slide viewer, ensuring a cleaner display.

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:31:20 +00:00
parent af38baccf8
commit a5ea8e9b00
1 changed files with 10 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -91,16 +91,16 @@ function MohamedSalahSlides() {
return ( return (
<div className="space-y-6"> <div className="space-y-6">
<div className="w-full relative overflow-hidden bg-gray-900 rounded-lg" style={{ paddingTop: '56.25%' }} data-testid="slide-container-16-9"> <div className="w-full flex justify-center" data-testid="slide-container-16-9">
<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-gray-900 z-10"> <div className="w-full flex items-center justify-center py-20">
<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-400" data-testid="text-loading-slides">Loading slides...</p> <p className="text-gray-600" data-testid="text-loading-slides">Loading slides...</p>
</div> </div>
</div> </div>
)} )}
{!isLoading && (
<Document <Document
file="/attached_assets/mohamed_salah_pdf_en_1760419721874.pdf" file="/attached_assets/mohamed_salah_pdf_en_1760419721874.pdf"
onLoadSuccess={onDocumentLoadSuccess} onLoadSuccess={onDocumentLoadSuccess}
@ -112,10 +112,9 @@ 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> </div>
<div className="space-y-4"> <div className="space-y-4">