highperfocused/lumina
1
0
Fork 0
mirror of https://github.com/lumina-rocks/lumina.git synced 2026-06-04 17:51:16 +02:00
Code Issues Packages Projects Releases Wiki Activity

center images

Browse Source
This commit is contained in:
mroxso
2024-01-28 16:39:27 +01:00
parent 77694a35f4
commit a841be4296
1 changed files with 21 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
lumina/components/NoteCard.tsx
View File

@@ -82,27 +82,27 @@ const NoteCard: React.FC<NoteCardProps> = ({ pubkey, text, eventId, tags, event
<div className='py-4'>
{
// imageSrc ? imageSrc.map((src, index) => <img key={index} src={src} style={{ maxWidth: '100%' }} />) : ""
<div className='py-10 px-10'>
{imageSrc && imageSrc.length > 1 ? (
<Carousel>
<CarouselContent>
{imageSrc.map((src, index) => (
<CarouselItem key={index}>
<img
key={index}
src={src}
style={{ maxWidth: '100%', maxHeight: '100vh', objectFit: 'contain'}}
/>
</CarouselItem>
))}
</CarouselContent>
<CarouselPrevious />
<CarouselNext />
</Carousel>
) : (
imageSrc ? <img src={imageSrc[0]} style={{ maxWidth: '100%', maxHeight: '100vh', objectFit: 'contain'}} /> : ""
)}
</div>
<div className='d-flex justify-content-center align-items-center py-10 px-10'>
{imageSrc && imageSrc.length > 1 ? (
<Carousel>
<CarouselContent>
{imageSrc.map((src, index) => (
<CarouselItem key={index}>
<img
key={index}
src={src}
style={{ maxWidth: '100%', maxHeight: '100vh', objectFit: 'contain', margin: 'auto'}}
/>
</CarouselItem>
))}
</CarouselContent>
<CarouselPrevious />
<CarouselNext />
</Carousel>
) : (
imageSrc ? <img src={imageSrc[0]} style={{ maxWidth: '100%', maxHeight: '100vh', objectFit: 'contain', margin: 'auto'}} /> : ""
)}
</div>
}
<br />
{textWithoutImage}