alyout changes

marcoacierno · marcoacierno · commit 992ee95f4604 · 2025-04-15T00:20:27.000+02:00
diff --git a/frontend/src/components/job-board-layout/index.tsx b/frontend/src/components/job-board-layout/index.tsx
@@ -49,8 +49,12 @@ export const JobBoardLayout = ({
                 onMobileShowOnly === "jobListing" ? "desktop" : "mobile"
               }
               as="ul"
-              fullScreenHeight
+              position="sticky"
+              style={{
+                top: 0,
+              }}
               overflow="scroll"
+              fullScreenHeight
             >
               {jobListings.map((job) => (
                 <JobListingAccordion key={job.id} job={job} />
@@ -62,7 +66,6 @@ export const JobBoardLayout = ({
               showFrom={
                 onMobileShowOnly === "jobListings" ? "desktop" : "mobile"
               }
-              fullScreenHeight
             >
               <Heading size={2}>{jobListing.title}</Heading>
               <Spacer size="small" />

Original file line number	Diff line number	Diff line change
`@@ -49,8 +49,12 @@ export const JobBoardLayout = ({`
`49`	`49`	`onMobileShowOnly === "jobListing" ? "desktop" : "mobile"`
`50`	`50`	`}`
`51`	`51`	`as="ul"`
`52`		`- fullScreenHeight`
	`52`	`+ position="sticky"`
	`53`	`+ style={{`
	`54`	`+ top: 0,`
	`55`	`+ }}`
`53`	`56`	`overflow="scroll"`
	`57`	`+ fullScreenHeight`
`54`	`58`	`>`
`55`	`59`	`{jobListings.map((job) => (`
`56`	`60`	`<JobListingAccordion key={job.id} job={job} />`
`@@ -62,7 +66,6 @@ export const JobBoardLayout = ({`
`62`	`66`	`showFrom={`
`63`	`67`	`onMobileShowOnly === "jobListings" ? "desktop" : "mobile"`
`64`	`68`	`}`
`65`		`- fullScreenHeight`
`66`	`69`	`>`
`67`	`70`	`<Heading size={2}>{jobListing.title}</Heading>`
`68`	`71`	`<Spacer size="small" />`