From 0f7da4cf35340516437577fb9698f3f0fcefa17f Mon Sep 17 00:00:00 2001 From: tiennm99 Date: Tue, 15 Sep 2026 10:06:46 +0700 Subject: [PATCH] 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. --- src/app.css | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/src/app.css b/src/app.css index 268ad9b..cb601f4 100644 --- a/src/app.css +++ b/src/app.css @@ -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 { *,