fix(styles): load the tailwind 4 entry point

The project installs tailwind 4 but app.css still used the v3 @tailwind
directives, so no theme layer was imported and the emitted stylesheet
carried none of the color, spacing, radius, responsive or hover utilities
the pages rely on. The bare 'tailwindcss' specifier is intercepted by the
bundler's @import resolver, so the file path is spelled out instead, with
@config keeping the pair palette from tailwind.config.js.
This commit is contained in:
2026-09-15 10:06:46 +07:00
parent 36c35864d3
commit 0f7da4cf35
+6 -3
View File
@@ -2,9 +2,12 @@
@import '@fontsource/be-vietnam-pro/500.css';
@import '@fontsource/be-vietnam-pro/700.css';
@tailwind base;
@tailwind components;
@tailwind utilities;
/* Explicit `/index.css` so the bundler's @import resolver finds the file;
the bare 'tailwindcss' specifier is intercepted before Tailwind sees it. */
@import 'tailwindcss/index.css';
/* Keeps the `pair` tick palette and the Be Vietnam Pro sans stack. */
@config '../tailwind.config.js';
@layer base {
*,