Improve presentation of Mohamed Salah slides with cleaner design

Update the Mohamed Salah slide component to remove extraneous white boxes and improve overall visual presentation.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 9a264234-c5d7-4dcc-adf3-a954b149b30d
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/9a264234-c5d7-4dcc-adf3-a954b149b30d/6ZMblp5
This commit is contained in:
kimjaehyeon0101
2025-10-14 09:23:45 +00:00
parent ce5215eea0
commit a60c55aa5d

View File

@ -91,32 +91,30 @@ function MohamedSalahSlides() {
return ( return (
<div className="space-y-6"> <div className="space-y-6">
<div className="w-full relative overflow-hidden" style={{ paddingTop: '56.25%' }} data-testid="slide-container-16-9"> <div className="w-full relative overflow-hidden bg-white shadow-lg" style={{ paddingTop: '56.25%' }} data-testid="slide-container-16-9">
<Card className="absolute inset-0 bg-white"> <div className="absolute inset-0 flex items-center justify-center">
<CardContent className="p-0 h-full w-full flex items-center justify-center"> {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-white 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-600" data-testid="text-loading-slides">Loading slides...</p>
</div>
</div> </div>
)} </div>
<Document )}
file="/attached_assets/mohamed_salah_pdf_en_1760419721874.pdf" <Document
onLoadSuccess={onDocumentLoadSuccess} file="/attached_assets/mohamed_salah_pdf_en_1760419721874.pdf"
options={pdfOptions} onLoadSuccess={onDocumentLoadSuccess}
> options={pdfOptions}
<Page >
pageNumber={currentSlide} <Page
width={1000} pageNumber={currentSlide}
renderTextLayer={false} width={1000}
renderAnnotationLayer={false} renderTextLayer={false}
data-testid="canvas-pdf-slide" renderAnnotationLayer={false}
/> data-testid="canvas-pdf-slide"
</Document> />
</CardContent> </Document>
</Card> </div>
</div> </div>
<div className="space-y-4"> <div className="space-y-4">