Skip to content
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.

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

enhance the scrolling experience. #62

Merged
merged 9 commits into from
Apr 2, 2025
Merged

enhance the scrolling experience. #62

merged 9 commits into from
Apr 2, 2025

Conversation

foru17
Copy link
Contributor

@foru17 foru17 commented Mar 25, 2025

No description provided.

Copy link

vercel bot commented Mar 25, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
website ✅ Ready (Inspect) Visit Preview Apr 2, 2025 8:26am

Copy link
Member

@thecuvii thecuvii left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Have you checked the other pages? The scrolling is broken.

@CaliCastle
Copy link
Member

@foru17 you did not add any styling to the scrollbar, I've appended a commit adding the missing styles

Google.Chrome.hp6iZNyB.mp4

@thecuvii
Copy link
Member

👀 So weird

https://share.cleanshot.com/2Zc09fyD

Copy link
Contributor

@Copilot Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull Request Overview

This pull request aims to enhance the scrolling experience by integrating Radix UI's ScrollArea components into the layout. Key changes include:

  • Importing and integrating ScrollArea components to wrap the main content.
  • Setting up a custom vertical scrollbar with specific styling.
  • Adjusting the layout hierarchy to accommodate the new scrolling structure.
Files not reviewed (2)
  • package.json: Language not supported
  • pnpm-lock.yaml: Language not supported
Comments suppressed due to low confidence (2)

app/[locale]/layout.tsx:143

  • [nitpick] The function name 'uwu' does not clearly communicate its purpose; consider renaming it to a more descriptive name.
function uwu() {

app/[locale]/layout.tsx:131

  • Verify that the utility class 'before:size-full' is defined, as it is not a standard Tailwind CSS class and may lead to unintended styling issues.
<ScrollArea.Thumb className='relative flex-1 rounded-[10px] bg-stone-400 dark:bg-stone-600 before:absolute before:left-1/2 before:top-1/2 before:size-full before:min-h-11 before:min-w-11 before:-translate-x-1/2 before:-translate-y-1/2' />

@CaliCastle CaliCastle merged commit ce93728 into dev Apr 2, 2025
2 checks passed
@CaliCastle CaliCastle deleted the luolei/neu-144 branch April 2, 2025 08:30
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants