feat: migrate to Tailwind CSS v4

Replace @nuxtjs/tailwindcss with @tailwindcss/vite, move theme
tokens into @theme inline in main.css, drop tailwind.config.ts.
This commit is contained in:
RhenCloud 2026-08-27 00:26:17 +08:00
parent 32a8c2ce4e
commit c75567cf15
No known key found for this signature in database
GPG key ID: A574A617378C4E0B
8 changed files with 264 additions and 530 deletions

View file

@ -15,7 +15,7 @@ bun run dev # Start local dev server
```text
app/ # Vue 3 UI (Nuxt app dir)
├── app.vue # Root component (NuxtPage)
├── assets/css/main.css # Tailwind CSS entry: theme tokens (RGB-triplet CSS variables) + @layer components (@apply)
├── assets/css/main.css # Tailwind CSS v4 entry: @import "tailwindcss" + @theme inline tokens (RGB-triplet CSS variables) + @layer components (@apply)
├── pages/ # index (landing), terms, privacy, admin/[...slug] (console SPA)
├── components/ # ConsolePage, RouteCard/Editor, GroupEditor, MembersPanel, WebhookPanel,
│ # SendLogs, AuditLog, AppToasts, LegalLayout

View file

@ -15,7 +15,7 @@ bun run dev # 启动本地开发服务器
```text
app/ # Vue 3 UINuxt app 目录)
├── app.vue # 根组件 (NuxtPage)
├── assets/css/main.css # Tailwind CSS 入口:主题令牌RGB 三元组 CSS 变量)+ @layer components (@apply)
├── assets/css/main.css # Tailwind CSS v4 入口:@import "tailwindcss" + @theme inline 令牌RGB 三元组 CSS 变量)+ @layer components (@apply)
├── pages/ # index落地页、terms、privacy、admin/[...slug](控制台 SPA
├── components/ # ConsolePage、RouteCard/Editor、GroupEditor、MembersPanel、WebhookPanel、
│ # SendLogs、AuditLog、AppToasts、LegalLayout