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

Browse Source 
const [scrollPosition, setScrollPosition] = useState(0);
  const [color, setColor] = useState('black');

  useEffect(() => {
  }, []);
This commit is contained in:
Damien Ostler 2024-06-02 05:57:18 -04:00
parent e4dde90da4
commit 795fc0f5f7
4 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/layout.tsx
View File

@ -21,6 +21,13 @@ export default function RootLayout({
return ( return (
<html lang="en" className={GeistSans.className}> <html lang="en" className={GeistSans.className}>
<body className="bg-background text-foreground"> <body className="bg-background text-foreground">
<div className="fixed w-full h-full overflow-hidden z-0 animate-fade-left animate-fade-left animate-once animate-duration-[2000ms] animate-normal animate-fill-forwards">
<img
src="gallery_girl.png"
className="float-right object-cover h-screen w-full lg:w-5/6 xl:w-3/6 opacity-50 overflow-hidden"
alt="Background"
/>
</div>
<div className="w-full fixed z-30 text-white white"> <div className="w-full fixed z-30 text-white white">
<NavigationBar/> <NavigationBar/>
<SpeedInsights/> <SpeedInsights/>

1
components/neroshitron/gallery.tsx
View File

@ -191,6 +191,7 @@ const Gallery = ({ id, columns, closeMenu }: GalleryProps) => {
.filter((img) => img !== selectedImage) .filter((img) => img !== selectedImage)
.map((image, index) => ( .map((image, index) => (
<img <img
key={index}
src={image} src={image}
onClick={() => handleClick(image)} onClick={() => handleClick(image)}
className={`animate-in animate-once animate-duration-1000 animate-ease-out animate-reverse hover:scale-105 p-2 cursor-pointer my-2 transition-all opacity-100 duration-500 ease-in-out transform`} className={`animate-in animate-once animate-duration-1000 animate-ease-out animate-reverse hover:scale-105 p-2 cursor-pointer my-2 transition-all opacity-100 duration-500 ease-in-out transform`}

2
components/neroshitron/navigation_bar.tsx
View File

@ -35,6 +35,8 @@ console.log(currentPage)
return ""; return "";
} }
const url = getGravatarUrl(); const url = getGravatarUrl();
return ( return (
<div className="flex justify-center items-center pt-2 "> <div className="flex justify-center items-center pt-2 ">
<nav className="w-auto bg-info bg-opacity-80 flex justify-center z-10 h-16 animate-in rounded-md" style={{ backdropFilter: 'blur(10px)' }}> <nav className="w-auto bg-info bg-opacity-80 flex justify-center z-10 h-16 animate-in rounded-md" style={{ backdropFilter: 'blur(10px)' }}>

9
components/neroshitron/search_input.tsx
View File

@ -57,13 +57,18 @@ const SearchInput = ({ tagsChanged, searchChanged, nsfwChanged, nsfwButtonEnable
useEffect(() => { useEffect(() => {
getData(); getData();
}, []); }, []);
const [scrollPosition, setScrollPosition] = useState(0);
const [color, setColor] = useState('black');
useEffect(() => {
}, []);
const tagOptions = tags.map((tag: { name: string; }) => ({ value: tag.name, label: "🏷️ "+tag.name })); const tagOptions = tags.map((tag: { name: string; }) => ({ value: tag.name, label: "🏷️ "+tag.name }));
return ( return (
<> <>
<div className="relative w-full flex flex-col items-center justify-center z-10"> <div className={` ${scrollPosition>0 ?? 'opacity-30'} opacity 0 relative w-full flex flex-col items-center justify-center z-10`}>
<div className="search-box mx-auto my-auto w-full"> <div className="search-box mx-auto my-auto w-full">
<div className="flex flex-row"> <div className={`${scrollPosition>0 ?? 'opacity-30'} opacityflex flex-row`}>
{(selectingTags) ? ( {(selectingTags) ? (
<> <>