Skip to content

fix(web): add @tailwindcss/vite plugin to web config#122

Merged
jamiepine merged 1 commit intojamiepine:mainfrom
white1107:fix/web-tailwind-plugin
Feb 21, 2026
Merged

fix(web): add @tailwindcss/vite plugin to web config#122
jamiepine merged 1 commit intojamiepine:mainfrom
white1107:fix/web-tailwind-plugin

Conversation

@white1107
Copy link
Contributor

Summary

Adds the missing @tailwindcss/vite plugin to web/vite.config.ts.

Problem

The web version was rendering without any CSS styles, appearing as a blank white page. This was tested and confirmed on both Chrome and Safari on macOS.

Root Cause

The tauri/vite.config.ts correctly includes the Tailwind plugin, but web/vite.config.ts was missing it. Since Tailwind CSS v4 requires the Vite plugin to process styles, the web version had no CSS at all.

Changes

  • Added import tailwindcss from '@tailwindcss/vite'
  • Added tailwindcss() to the plugins array

Testing

  • Verified CSS loads correctly after the fix
  • Tested on Chrome and Safari

Fixes #121

The web version was missing the Tailwind CSS Vite plugin, causing
CSS to not load at all. This adds the same plugin configuration
that exists in the tauri version.

Fixes jamiepine#121
@jamiepine jamiepine merged commit 162cf4f into jamiepine:main Feb 21, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug] Web version missing @tailwindcss/vite plugin - CSS not loading

2 participants