turbo icon indicating copy to clipboard operation
turbo copied to clipboard

fix(example): add missing Tailwind import to shared ui styles

Open sahyl opened this issue 6 months ago • 3 comments

This PR fixes vercel/turborepo#10566 by adding the missing Tailwind import to shared-styles.css in the packages/ui directory of the with-tailwind example.

What was the problem?

Shared components like Card or Button had Tailwind classes, but styles were not applied because Tailwind layers were never included.

Screenshot 2025-06-18 165631

What changed?

Added:

@import "tailwindcss";

to packages/ui/shared-styles.css.

Result

Screenshot 2025-06-18 165704

Tested locally using:

pnpm install
pnpm dev --filter=with-tailwind

UI components are now styled correctly.

Closes #10566

sahyl avatar Jun 18 '25 11:06 sahyl

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

Name Status Preview Comments Updated (UTC)
examples-basic-web ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jun 18, 2025 11:19am
examples-designsystem-docs ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jun 18, 2025 11:19am
examples-native-web ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jun 18, 2025 11:19am
examples-tailwind-web ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jun 18, 2025 11:19am
examples-vite-web ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jun 18, 2025 11:19am

vercel[bot] avatar Jun 18 '25 11:06 vercel[bot]

@sahyl is attempting to deploy a commit to the Vercel Team on Vercel.

A member of the Team first needs to authorize it.

vercel[bot] avatar Jun 18 '25 11:06 vercel[bot]

Hi! This is my first contribution — happy to improve anything if needed. Thanks for taking a look 🙏

sahyl avatar Jun 18 '25 11:06 sahyl

+1 encountering this issue after setting up from the example; this fix works for me.

BennettDixon avatar Jun 18 '25 20:06 BennettDixon

My first PR — fun learning experience. Appreciate the review and merge! excited to contribute more soon 🙌

sahyl avatar Jun 19 '25 18:06 sahyl