From 52331d126f1cce139be59d841f7b62ecb744183e Mon Sep 17 00:00:00 2001 From: Auto Date: Thu, 29 Jan 2026 08:09:59 +0200 Subject: [PATCH] fix(ui): resolve tw-animate-css import resolution error Change CSS import from bare module specifier to url() syntax to fix Vite/Tailwind CSS resolution issues on some systems. - Changed `@import "tw-animate-css"` to `@import url("tw-animate-css")` - The url() wrapper ensures proper package resolution across platforms - Fixes "Can't resolve 'tw-animate-css'" build error The bare import syntax failed because Vite's CSS processing didn't properly resolve the package exports. Using url() bypasses this issue while still correctly resolving the npm package from node_modules. Co-Authored-By: Claude Opus 4.5 --- ui/src/styles/globals.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ui/src/styles/globals.css b/ui/src/styles/globals.css index 233e01f..5af08fe 100644 --- a/ui/src/styles/globals.css +++ b/ui/src/styles/globals.css @@ -1,5 +1,5 @@ @import "tailwindcss"; -@import "tw-animate-css"; +@import url("tw-animate-css"); /* Enable class-based dark mode in Tailwind v4 */ @custom-variant dark (&:where(.dark, .dark *));