-
Notifications
You must be signed in to change notification settings - Fork 0
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
background lanterns 404 #70
Conversation
exitcy
commented
Jan 27, 2025
•
edited
Loading
edited
This comment was marked as spam.
This comment was marked as spam.
src/components/404Lanterns.tsx
Outdated
<Image | ||
src={Lantern} | ||
alt="Lantern background" | ||
className="w-70 absolute right-20 top-28" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
use vw/vh units instead of 20, 28, 70 for width and right/top values. I'll have you merge this code into brenda's once I merge her pr in
…tcy/backgroundlanterns
pull from dev
…tcy/backgroundlanterns
src/components/NotFound.tsx
Outdated
style={{ | ||
width: "40.40vw", | ||
right: "11vw", | ||
top: "0vh", | ||
zIndex: 0, | ||
}} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
use tailwindcss
src/components/NotFound.tsx
Outdated
</p> | ||
<p | ||
className="font-lora text-[2.5vw] text-csa-gray-100" | ||
style={{ zIndex: 10 }} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
use tailwindcss
src/components/NotFound.tsx
Outdated
/> | ||
<p | ||
className="text-[12vw] font-bold text-csa-yellow-300" | ||
style={{ zIndex: 10 }} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
use tailwindcss
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
src/app/not-found.tsx
Outdated
return ( | ||
<div className="notfound-container"> | ||
<NotFound /> | ||
</div> | ||
); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
go back to what it originally was
src/components/NotFound.tsx
Outdated
style={{ | ||
width: "35.18vw", | ||
right: "11vw", | ||
top: "0vh", | ||
}} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
tailwindcss can be used for these parts too
src/components/NotFound.tsx
Outdated
<Image | ||
src={Lantern} | ||
alt="Lantern background" | ||
className="absolute z-0 opacity-100" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
add in h-screen, the lantern height varies on different screens right now
…tcy/backgroundlanterns
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
lgtm! ignore the commit i made im just removing some extra code in the repo