Skip to content

Fixed scroll on smaller viewports #223

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.

Sign up for GitHub

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

Open
wants to merge 6 commits into
base: main
Choose a base branch
from
Open

Fixed scroll on smaller viewports #223

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
a907ce3
Fixing scroll and padding
ItzTJSV2 Jul 7, 2025
80ef3c0
Remove .DS_Stores
ItzTJSV2 Jul 7, 2025
1d118e3
Adjusted about slide to feedback
ItzTJSV2 Jul 7, 2025
6a5a76a
Update client/src/app/x/about-slide.tsx
Lordfirespeed Jul 7, 2025
b161bb5
Merge branch 'main' into fix/about-textscroll
ItzTJSV2 Jul 28, 2025
dd24eae
Changed text barrier + nav button position
ItzTJSV2 Jul 28, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 3 additions & 2 deletions client/src/app/x/about-slide.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,8 @@ import { cn } from "@/lib/utils"

export function AboutSlide({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.ReactNode {
return (
<article className={cn("absolute size-full flex items-center justify-center", className)} {...props}>
<div className="max-w-160 mx-16 flex flex-col space-y-1.5 items-center justify-center">
<article className={cn("absolute size-full overflow-y-auto flex justify-center", className)} {...props}>
<div className="max-w-[70rem] w-full flex flex-col items-center space-y-1.5 my-8 mx-8">
<h1 className={cn(electrolize.className, "text-5xl pb-5")}>DurHack X</h1>
<h2 className={cn(spaceGrotesk.className, "text-3xl")}>600 Attendees</h2>
<h2 className={cn(spaceGrotesk.className, "text-3xl")}>150 Projects</h2>
Expand Down Expand Up @@ -40,6 +40,7 @@ export function AboutSlide({ className, ...props }: React.HTMLAttributes<HTMLDiv
<strong>Community Outreach:</strong> support pioneering students, and invest in the community with events
and workshops.
</li>
<div className="pb-8"></div>
</ul>
</div>
</div>
Expand Down
4 changes: 2 additions & 2 deletions client/src/app/x/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,8 +25,8 @@ export default function DurHackXPage() {
<PastSponsorsSlide className="size-full" />
</CarouselItem>
</CarouselContent>
<CarouselPrevious className="left-4" />
<CarouselNext className="right-4" />
<CarouselPrevious className="left-0" />
<CarouselNext className="right-0" />
</Carousel>
</main>
)
Expand Down