vets-who-code-app icon indicating copy to clipboard operation
vets-who-code-app copied to clipboard

Added Tailwind

Open jeromehardaway opened this issue 1 year ago • 2 comments

Change

🤖 Generated by Copilot at 76989fd

Summary

🎨🛠️🚚

This pull request introduces tailwindcss as a new CSS framework for the project, replacing Bootstrap and inline styles. It adds the necessary dependencies, configuration files, and tailwindcss classes to the package.json, postcss.config.js, globals.css, index.css, Header.js, Layout.js, and _app.js files.

Sing, O Muse, of the skillful coder who changed the style Of his project's web pages with postcss and tailwindcss He created a config file and a global file, importing them with care And replaced the old classes with new ones, like a sculptor shaping clay

Walkthrough

  • Add autoprefixer, postcss, and tailwindcss packages as dependencies for cross-browser support and UI design (link, link)
  • Create and configure postcss.config.js file to use tailwindcss and autoprefixer plugins (link)
  • Create globals.css file to import base, components, and utilities styles from tailwindcss (link)
  • Import globals.css file in index.css, Layout.js, and _app.js files to ensure tailwindcss styles are available for the project (link, link, link)
  • Modify Header component to use tailwindcss classes instead of inline styles and Bootstrap classes (link)

Types of changes

  • [ ] Bug fix (non-breaking change which fixes an issue)
  • [x] New feature (non-breaking change which adds functionality)
  • [ ] Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

  • [x] My code follows the code style of this project.
  • [ ] My change requires a change to the documentation.
  • [ ] I have updated the documentation accordingly.
  • [x] I have read the CONTRIBUTING document.
  • [ ] I have added tests to cover my changes.
  • [x] All new and existing tests passed.

jeromehardaway avatar Mar 27 '23 02:03 jeromehardaway

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

Name Status Preview Comments Updated
vets-who-code-app ✅ Ready (Inspect) Visit Preview 💬 Add your feedback Mar 27, 2023 at 2:42AM (UTC)

vercel[bot] avatar Mar 27 '23 02:03 vercel[bot]

DO NOT MERGE.

Messes Up Some Styles As we convert things over.

jeromehardaway avatar Mar 27 '23 02:03 jeromehardaway