porfolio.dev icon indicating copy to clipboard operation
porfolio.dev copied to clipboard

chore: upgrade Astro and Tailwind to latest versions

Open tonicarreras opened this issue 3 weeks ago • 1 comments

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) in astro.config.mjs, and updated the Tailwind, Astro, and related dependency versions in package.json for compatibility and improved performance. [1] [2]

Navigation Bar Styling

  • Refactored the navigation bar's animation and styling in Header.astro by replacing the old nav-shadown keyframes with a new nav-shadow animation, 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 dark variant in Layout.astro to enhance theme support and styling flexibility.

tonicarreras avatar Nov 15 '25 14:11 tonicarreras

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...

QR Code

Use your smartphone camera to open QR code link.

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

netlify[bot] avatar Nov 15 '25 14:11 netlify[bot]