Shadcn migration - AdoptionChart

[saurabhburade]

Description

Migrate AdoptionChart to tailwind.

[netlify]

✅ Deploy Preview for ethereumorg ready!

Name	Link
🔨 Latest commit	2e4553f
🔍 Latest deploy log	https://app.netlify.com/sites/ethereumorg/deploys/66bf7dbd94c9220008aa4bc7
😎 Deploy Preview	https://deploy-preview-13662--ethereumorg.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	7 paths audited Performance: 40 (🔴 down 9 from production) Accessibility: 93 (no change from production) Best Practices: 83 (🔴 down 9 from production) SEO: 93 (no change from production) PWA: - View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[pettinarip]

Nice, lgtm! thanks @saurabhburade

[saurabhburade]

@pettinarip The classNames are getting longer, Do you have any suggestions to maintain readability?

[pettinarip]

@pettinarip The classNames are getting longer, Do you have any suggestions to maintain readability?

I think one thing that @wackerow was doing is to break the line inside the cn function and grouping related styles like this:

className={cn(
  "border border-solid px-2 py-[0.8rem] md:px-[1.2rem]",
  "text-center text-[0.9rem] font-bold leading-none",
  "last:rounded-t-2xl [&:nth-child(-n+2)]:rounded-bl-2xl [&:nth-child(-n+2)]:rounded-br-2xl",
  className
)}

One possible way to make it more readable.

[saurabhburade]

One possible way to make it more readable.

This is great!!!