chore: fix overlap

[ameer2468]

Summary by CodeRabbit

• Bug Fixes
  • Adjusted onboarding container stacking so it reliably appears above other page elements, preventing overlap and improving visibility during onboarding.
  • Improved onboarding layout and responsive spacing to keep content centered and correctly sized across screen sizes, enhancing usability without changing behavior.

[coderabbitai]

Caution

Review failed

The pull request is closed.

Walkthrough

Adjusted CSS utility classes in two onboarding components: added z-10 to the outer container in Base.tsx and updated responsive spacing/width/margin classes in Bottom.tsx. No JavaScript logic or exported API changes.

Changes

Cohort / File(s)	Summary
Onboarding UI styling apps/web/app/(org)/onboarding/components/Base.tsx, apps/web/app/(org)/onboarding/components/Bottom.tsx	Base.tsx: added z-10 to the outer container's class list to change stacking context. Bottom.tsx: adjusted container classes—added responsive margins (lg:mb-10, my-5, mx-auto), constrained width (lg:w-[calc(100%-80px)]), and preserved absolute positioning (lg:absolute, lg:mt-0); no logic changes.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Poem

I hopped through stacks and tidy rows,
A tiny z made layering pose.
Margins nudged and widths set right,
Onboarding glows in morning light.
Thump-thump—design feels light and spry! 🐇✨

Pre-merge checks and finishing touches

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title Check	✅ Passed	The title “chore: fix overlap” directly reflects the primary change of adding a z-index to resolve element stacking issues and succinctly conveys the intent without unnecessary detail.
Docstring Coverage	✅ Passed	No functions found in the changes. Docstring coverage check skipped.

---

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 5e9b24b and bdf290c.

📒 Files selected for processing (1)

• apps/web/app/(org)/onboarding/components/Bottom.tsx (1 hunks)

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}