sheldonmlee/photo-viewer-react
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

GalleryItem img now acts as a link to full file when clicked

Browse Source
This commit is contained in:
Sheldon Lee 2024-03-11 18:40:46 +08:00
parent d332635d6a
commit 76b50ec462
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/App.css
View File

@ -38,7 +38,12 @@ body {
overflow: clip; overflow: clip;
} }
.GalleryItem > img, .GalleryItem > .ImgLink {
margin: 0;
padding: 0;
}
.GalleryItem > .ImgLink > img,
.GalleryItem > video { .GalleryItem > video {
object-fit: contain; object-fit: contain;
max-height: 80vh; max-height: 80vh;

2
src/Gallery/index.tsx
View File

@ -116,7 +116,9 @@ function ImageItem({ thumbnail_url, url, isPlaceholder }: galleryItem) {
<a href={url} target="_blank"> <a href={url} target="_blank">
{getFileName(url)} {getFileName(url)}
</a> </a>
<a href={url} target="_blank" className="ImgLink">
<img src={thumbnail_url} loading="lazy" /> <img src={thumbnail_url} loading="lazy" />
</a>
</div> </div>
); );
} }