damien/neroshitron
1
0
Fork 0
mirror of https://github.com/D4M13N-D3V/neroshitron.git synced 2025-03-14 10:05:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: not being able to scroll to bottom

Browse Source
This commit is contained in:
Damien Ostler 2024-05-27 17:18:44 -04:00
parent 10f36e54ff
commit 8ad20079de
2 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/gallery/page.tsx
View File

@ -94,6 +94,7 @@ function PageComponent() {
placeholder="Search by title..."
onChange={(e) => setSearch(e.target.value)}
/>
{(tags.length>0) ? (
<nav className="grid grid-cols-4 md:grid-cols-6 lg:grid-cols-8 xl:grid-cols-10 gap-4 justify-items-center">
{tags.map((tag, index) => (
<a
@ -108,9 +109,14 @@ function PageComponent() {
</a>
))}
</nav>
):(
<div className="flex justify-center">
<p className="text-white">Loading Tags...</p>
</div>
)}
</div>
</section>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-y-60 gap-x-5 h-full mx-auto animate-in">
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-y-60 gap-x-5 h-full mb-96 animate-in">
{galleries && galleries.map((gallery, index) => (
<div className="mx-auto">
<GalleryThumbnail

6
components/ui/gallery.tsx
View File

@ -167,7 +167,7 @@ const Gallery = ({ id, columns, closeMenu }: GalleryProps) => {
<div >
<div className="z-20"
onClick={resetPanZoom} style={{ width: selectedImage ? "100%" : "auto", height: selectedImage ? "100%" : "auto" }}>
<div className='flex justify-center items-center pt-2 '>
<div className='flex justify-center items-center pt-2 pb-20'>
{renderButtons()}
</div>
{selectedImage ? (
@ -193,7 +193,7 @@ const Gallery = ({ id, columns, closeMenu }: GalleryProps) => {
</>
) : (
<div
className="z-30 pb-10"
className="z-30"
style={{
display: selectedImage ? "flex" : "block",
alignItems: "flex-start",
@ -202,7 +202,7 @@ const Gallery = ({ id, columns, closeMenu }: GalleryProps) => {
<Masonry
breakpointCols={columns}
className="my-masonry-grid pl-6"
className="my-masonry-grid pl-6 "
style={{ width: selectedImage ? "50%" : "100%" }}
>
{images