revamp homepage and docs styles #1442
Conversation
SutuSebastian
added
📚 documentation
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
|
|
Warning Rate limit exceeded@SutuSebastian has exceeded the limit for the number of commits or files that can be reviewed per hour. Please wait 16 minutes and 20 seconds before requesting another review. How to resolve this issue?After the wait time has elapsed, a review can be triggered using the We recommend that you space out your commits to avoid hitting the rate limit. How do rate limits work?CodeRabbit enforces hourly rate limits for each developer per organization. Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout. Please see our FAQ for further information. WalkthroughThe recent updates involve minor UI adjustments and refactoring across multiple components in a React web application, primarily focusing on tweaking styling classes for better layout responsiveness. Key changes include the removal or modification of padding and margin classes, visibility class adjustments, and the removal of unnecessary sidebar imports and components. No significant modifications to the logic of functionality were applied. Changes
Poem
Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media? TipsChatThere are 3 ways to chat with CodeRabbit:
Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments. CodeRabbit Commands (invoked as PR comments)
Additionally, you can add CodeRabbit Configration File (
|
![coderabbitai[bot]](https://avatars.githubusercontent.com/in/347564?s=60&v=4){kind=small}
There was a problem hiding this comment.
Actionable comments posted: 0
Review details
Configuration used: CodeRabbit UI
Review profile: CHILL
Files selected for processing (16)
- apps/web/app/docs/[[...slug]]/page.tsx (2 hunks)
- apps/web/app/docs/layout.tsx (6 hunks)
- apps/web/app/page.tsx (1 hunks)
- apps/web/components/homepage/components-section.tsx (1 hunks)
- apps/web/components/homepage/contributors-section.tsx (1 hunks)
- apps/web/components/homepage/dark-mode-section/dark-mode-section.tsx (1 hunks)
- apps/web/components/homepage/featured-section.tsx (1 hunks)
- apps/web/components/homepage/figma-section.tsx (1 hunks)
- apps/web/components/homepage/hero-section/hero-section.tsx (2 hunks)
- apps/web/components/homepage/home-navbar.tsx (1 hunks)
- apps/web/components/homepage/main-footer.tsx (1 hunks)
- apps/web/components/homepage/react-section.tsx (1 hunks)
- apps/web/components/homepage/social-proof-section.tsx (1 hunks)
- apps/web/components/homepage/tailwind-section.tsx (1 hunks)
- apps/web/components/navbar.tsx (1 hunks)
- apps/web/data/docs-sidebar.ts (5 hunks)
Files skipped from review due to trivial changes (9)
- apps/web/app/page.tsx
- apps/web/components/homepage/components-section.tsx
- apps/web/components/homepage/contributors-section.tsx
- apps/web/components/homepage/dark-mode-section/dark-mode-section.tsx
- apps/web/components/homepage/featured-section.tsx
- apps/web/components/homepage/home-navbar.tsx
- apps/web/components/homepage/main-footer.tsx
- apps/web/components/homepage/social-proof-section.tsx
- apps/web/components/navbar.tsx
Additional context used
GitHub Check: 🕵 Lint
apps/web/app/docs/layout.tsx
[warning] 35-35:
Classname 'max-w-8xl' is not a Tailwind CSS class!
[warning] 48-48:
Classname 'max-w-8xl' is not a Tailwind CSS class!
[warning] 175-175:
Classname 'text-primary-700' is not a Tailwind CSS class!
[warning] 175-175:
Classname 'hover:text-primary-700' is not a Tailwind CSS class!
[warning] 175-175:
Classname 'dark:text-primary-500' is not a Tailwind CSS class!
Additional comments not posted (14)
apps/web/components/homepage/hero-section/hero-section.tsx (2)
11-11: Verify responsiveness with the updated grid class.The grid layout now switches to two columns at the
lgbreakpoint instead ofmd. Ensure that this change improves the layout on medium-sized screens.
39-39: Verify visual impact with the updated visibility class.The div now becomes flex only at the
lgbreakpoint instead ofmd. Ensure that this change does not negatively affect the layout on medium-sized screens.apps/web/data/docs-sidebar.ts (1)
3-3: LGTM! Verify removal ofhrefreferences.The
hrefproperty has been removed from theDocsSidebarSectioninterface. Ensure that all references tohrefinDocsSidebarSectionare removed.apps/web/components/homepage/tailwind-section.tsx (1)
7-7: Verify visual impact with the updated padding classes.The padding on large screens has been increased to
lg:py-24. Ensure that this change enhances the layout without causing any issues.apps/web/components/homepage/react-section.tsx (1)
18-18: Verify visual impact with the updated padding classes.The padding on large screens has been increased to
lg:py-24. Ensure that this change enhances the layout without causing any issues.apps/web/app/docs/layout.tsx (5)
3-3: LGTM! Import statements updated correctly.The unused imports have been removed, and the necessary imports are retained.
33-33: Verify the intention behind commenting out theBannercomponent.The
Bannercomponent has been commented out. Ensure this is intentional and does not affect the layout.
50-52: Verify the correctness of the updated styling classes.Ensure that the updated styling classes are correct and consistent with the design.
108-129: Verify the correctness of the updated structure and styling.Ensure that the updated structure and styling of the
DocsSidebarcomponent are correct and consistent with the design.
142-194: Verify the correctness of the updated structure and styling.Ensure that the updated structure and styling of the
SidebarSection,SidebarItem,SidebarLink, andNewBadgecomponents are correct and consistent with the design.Tools
GitHub Check: 🕵 Lint
[warning] 175-175:
Classname 'text-primary-700' is not a Tailwind CSS class!
[warning] 175-175:
Classname 'hover:text-primary-700' is not a Tailwind CSS class!
[warning] 175-175:
Classname 'dark:text-primary-500' is not a Tailwind CSS class!apps/web/app/docs/[[...slug]]/page.tsx (3)
58-58: Verify the correctness of the updated layout and structure.Ensure that the updated layout and structure of the
DocPagecomponent are correct and consistent with the design.
Line range hint
92-92:
Verify the correctness of the updated structure and styling.Ensure that the updated structure and styling of the
ContentLayoutcomponent are correct and consistent with the design.
252-255: Verify the correctness of the updated structure and styling.Ensure that the updated structure and styling of the
ToCcomponent are correct and consistent with the design.apps/web/components/homepage/figma-section.tsx (1)
6-6: Verify the correctness of the updated layout and structure.Ensure that the updated layout and structure of the
FigmaSectioncomponent are correct and consistent with the design.
There was a problem hiding this comment.
Actionable comments posted: 0
Review details
Configuration used: CodeRabbit UI
Review profile: CHILL
Files selected for processing (1)
- apps/web/components/homepage/social-proof-section.tsx (1 hunks)
Files skipped from review as they are similar to previous changes (1)
- apps/web/components/homepage/social-proof-section.tsx
There was a problem hiding this comment.
Actionable comments posted: 0
Review details
Configuration used: CodeRabbit UI
Review profile: CHILL
Files selected for processing (1)
- apps/web/components/navbar.tsx (2 hunks)
Files skipped from review as they are similar to previous changes (1)
- apps/web/components/navbar.tsx
Changes
General
navbarversion badge stylenavbaricons tooltip + open external links in new tabHomepage
Docs
NEWbadgeResults
Before
After
Summary by CodeRabbit
Bug Fixes
Refactor
DocsNavbar,DocsSidebar, and various sections in the homepage for better maintainability and readability.Chores