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; skeleton for tags/search

Browse Source
This commit is contained in:
Damien Ostler 2024-05-27 17:37:19 -04:00
parent 53fcbb76f6
commit b93f3945bf
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/gallery/page.tsx
View File

@ -86,7 +86,8 @@ function PageComponent() {
alt="Background" alt="Background"
/> />
</div> </div>
<section className="neroshi-blue-900 flex items-center w-full p-8 pt-20 opacity-90 animate-in"> <section className="flex items-center w-full p-8 pt-20 opacity-90 animate-in">
{(tags.length>0) ? (
<div className="container mx-auto py-8"> <div className="container mx-auto py-8">
<input <input
className=" w-full md:w-1/2 text-neroshi-blue-950 h-16 px-3 rounded mb-8 focus:outline-none focus:shadow-outline text-xl px-8 shadow-lg mx-auto" className=" w-full md:w-1/2 text-neroshi-blue-950 h-16 px-3 rounded mb-8 focus:outline-none focus:shadow-outline text-xl px-8 shadow-lg mx-auto"
@ -115,6 +116,9 @@ function PageComponent() {
</div> </div>
)} )}
</div> </div>
):(
<div className="animate-pulse bg-neroshi-blue-950 rounded-3xl w-full p-8 mt-10 h-48" ></div>
)}
</section> </section>
<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"> <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) => ( {galleries && galleries.map((gallery, index) => (

2
components/ui/gallery_thumbnail.tsx
View File

@ -94,7 +94,7 @@ const GalleryThumbnail = ({ id, columns, onSelect, title,nsfw, subscription, tag
</div> </div>
</> </>
):( ):(
<div className="animate-pulse bg-neroshi-blue-900 rounded-3xl" style={{ width: '20rem', height: '20rem' }}></div> <div className="animate-pulse bg-neroshi-blue-950 rounded-3xl" style={{ width: '20rem', height: '20rem' }}></div>
)} )}
</div> </div>
</div> </div>