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: moved anime girl to layout

Browse Source
This commit is contained in:
Damien Ostler 2024-06-02 06:12:04 -04:00
parent 795fc0f5f7
commit 4c972778cd
3 changed files with 18 additions and 14 deletions
app
gallery
page.tsx
layout.tsx
components/neroshitron
right_hand_layout_image.tsx

7
app/gallery/page.tsx

@ -24,13 +24,6 @@ function PageComponent() {
return ( return (
<div className="w-full"> <div className="w-full">
<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-2/3"> <div className="w-2/3">
<Search gallerySelected={(gallery:string)=>{setSelectedGallery(gallery)}}/> <Search gallerySelected={(gallery:string)=>{setSelectedGallery(gallery)}}/>
</div> </div>

9
app/layout.tsx

@ -3,6 +3,7 @@ import "./globals.css";
import NavigationBar from "@/components/neroshitron/navigation_bar"; import NavigationBar from "@/components/neroshitron/navigation_bar";
import { SpeedInsights } from "@vercel/speed-insights/next" import { SpeedInsights } from "@vercel/speed-insights/next"
import { Analytics } from "@vercel/analytics/react" import { Analytics } from "@vercel/analytics/react"
import RightHandLayoutImage from "@/components/neroshitron/right_hand_layout_image";
const defaultUrl = process.env.VERCEL_URL const defaultUrl = process.env.VERCEL_URL
? `https://${process.env.VERCEL_URL}` ? `https://${process.env.VERCEL_URL}`
: "http://localhost:3000"; : "http://localhost:3000";
@ -21,13 +22,7 @@ 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"> <RightHandLayoutImage/>
<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/>

16
components/neroshitron/right_hand_layout_image.tsx Normal file

@ -0,0 +1,16 @@
"use client;"
import React from 'react';
const RightHandLayoutImage: React.FC = () => {
return (
<div className="fixed w-full h-full overflow-hidden z-0 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>
);
};
export default RightHandLayoutImage;