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:
@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user