Skip to content

fix(web): prevent register page scroll overflow #107

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
xyspg wants to merge 1 commit into
base: main
Choose a base branch
from
Open

fix(web): prevent register page scroll overflow #107

Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
22 changes: 11 additions & 11 deletions apps/web/src/app/dashboard/register/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -201,9 +201,10 @@ const RegisterPage = () => {
</div>

{/* Desktop view */}
<div className="hidden md:flex gap-4 flex-1 min-h-0">
<div className="flex flex-col space-y-4">
<div className="relative flex w-full items-start gap-2 rounded-md border border-input p-4 shadow-xs outline-none has-data-[state=checked]:border-primary/50">
<div className="hidden md:flex gap-4 h-[calc(100vh-var(--header-height)-3rem)] overflow-hidden">
{/* Left column */}
<div className="flex flex-col space-y-4 w-[360px] shrink-0 overflow-y-auto no-scrollbar">
<div className="relative flex w-full items-start gap-2 rounded-md border border-input p-4 shadow-xs outline-none has-data-[state=checked]:border-primary/50 shrink-0">
<AltToggle />
</div>
<CourseSelector
Expand All @@ -220,15 +221,14 @@ const RegisterPage = () => {
/>
</div>

{/* Right column */}
<div className="flex-1 min-w-0">
<div className="sticky top-0">
<ScheduleCalendar
classes={classes}
hoveredCourse={hoveredCourse}
selectedCourse={selectedCourse}
onCourseSelect={handleCourseSelect}
/>
</div>
<ScheduleCalendar
classes={classes}
hoveredCourse={hoveredCourse}
selectedCourse={selectedCourse}
onCourseSelect={handleCourseSelect}
/>
</div>
</div>
</div>
Expand Down