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