search

nuxt-modules / tailwindcss

Tailwind CSS module for Nuxt
https://tailwindcss.nuxtjs.org
MIT License
1.68k stars 183 forks source link

Current Breakpoint Indicator in DevTools Module #882

Closed maclong9 closed 3 months ago

maclong9 commented 3 months ago

Describe the feature

We can currently view the list of breakpoints under the Screens section of the tailwind viewer, it would be amazing if we could have the current active breakpoint within this tab as well.

This would help for quick debugging and breakpoint applications. I'd be more than happy to implement this if you guys are okay with that! Similar tools already exist however it would be great to have it integrated into the Vue DevTools!

Thanks for reading,

Mac

Additional information

maclong9 commented 3 months ago

I'll get started on a simple implementation later this evening and setup a pull request.

ineshbose commented 3 months ago

Hey, thanks for opening an issue and sharing this suggestion!

The config viewer would be an upstream dependency - https://github.com/rogden/tailwind-config-viewer which I am seeing has a related issue for this - https://github.com/rogden/tailwind-config-viewer/issues/50

Do you think it would be better to create a PR there?

maclong9 commented 3 months ago

Good shout, I didn’t realise the viewer had a different dependency, I’ll move this over to there.