search

Georgegriff / react-dnd-kit-tailwind-shadcn-ui

Drag and drop Accessible kanban board implementing using React, @dnd-kit, tailwind and shadcn/ui
https://georgegriff.github.io/react-dnd-kit-tailwind-shadcn-ui/
MIT License
405 stars 30 forks source link

Use the shadcn scrollarea component to make the UI cleaner #3

Closed skdishansachin closed 9 months ago

skdishansachin commented 9 months ago

Shadcn provides Scroll-area component to make the scrolling sections more clear and go hand in hand with the theming.

Here is how it looks with the shadcn Scroll-area -

2023-11-20 11_19_22-Greenshot

Current implementation -

2023-11-20 11_19_36-Greenshot

I'd like to know if you like using the shadcn Scroll-area. If so, I can help you with a PR.

Thank you 😊

Georgegriff commented 9 months ago

thanks! This repo was just a throw-away demo, didn't expect it to pick up traction! but if you have a fix I'd be open to learning from how to do things better. This was my first project with tailwind

skdishansachin commented 9 months ago

Hey, thanks for sharing your thoughts on the project! Even though it was supposed to be just a throw-away demo, your project turned out to be super useful and valuable for the community. Let me know if you're interested in further developing it, I'd be happy to assist. Your dedication to the community is just amazing and I appreciate all the hard work you've done.

Georgegriff commented 9 months ago

Thanks for the suggestion, I've implemented this, and it looks much nicer!

image

https://github.com/Georgegriff/react-dnd-kit-tailwind-shadcn-ui/commit/ec6ded122bfb1245dbde3070bf3e5116f74dc20e