porfolio.dev
porfolio.dev copied to clipboard
chore: upgrade Astro and Tailwind to latest versions
This pull request updates the project's build configuration and dependencies to use the latest Tailwind CSS and Astro versions, and refactors the navigation bar's styling for improved visual effects and theme support. The most important changes are grouped below:
Build Configuration and Dependencies
- Migrated Tailwind integration from the Astro plugin (
@astrojs/tailwind) to the Vite plugin (@tailwindcss/vite) inastro.config.mjs, and updated the Tailwind, Astro, and related dependency versions inpackage.jsonfor compatibility and improved performance. [1] [2]
Navigation Bar Styling
- Refactored the navigation bar's animation and styling in
Header.astroby replacing the oldnav-shadownkeyframes with a newnav-shadowanimation, adding background color, blur, and border effects, and introducing theme-aware (dark mode) keyframes for consistent appearance across light and dark modes.
Global Styles
- Added a global import for Tailwind CSS and defined a custom
darkvariant inLayout.astroto enhance theme support and styling flexibility.
Deploy Preview for animated-churros-60739d ready!
| Name | Link |
|---|---|
| Latest commit | 09e3b986f45b77d99bfdc6d52590d7603c06a0a2 |
| Latest deploy log | https://app.netlify.com/projects/animated-churros-60739d/deploys/69189159d901190008dae539 |
| Deploy Preview | https://deploy-preview-93--animated-churros-60739d.netlify.app |
| Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify project configuration.