mirror of
https://github.com/lukaszraczylo/claude-mnemonic.git
synced 2026-11-01 07:34:29 +00:00
lukaszraczylo
5fe25e9328
ui: Vite 8, vue-tsc 3, TypeScript 6, @vitejs/plugin-vue 6, vis-network 10, vis-data 8, FontAwesome 7, @types/node 25. docs: Vite 8, plugin-vue 6. Both migrated to Tailwind CSS v4. - Tailwind v3 -> v4: @import "tailwindcss" with @theme/@config, switch to @tailwindcss/postcss, drop autoprefixer (bundled via Lightning CSS). - docs: move theme into @theme, delete tailwind.config.js, remove stale pnpm-lock.yaml (npm/package-lock.json is authoritative). - ui: TypeScript 6 removes deprecated tsconfig baseUrl; no code changes needed for vis-network 10 / FontAwesome 7. - Bump CI Node 20 -> 22 (Vite 8 requires Node ^20.19 || >=22.12). 0 npm audit vulnerabilities; ui type-check and both production builds pass.
33 lines
592 B
CSS
33 lines
592 B
CSS
@import "tailwindcss";
|
|
@config "../../tailwind.config.js";
|
|
|
|
@layer components {
|
|
/* Glass morphism effect */
|
|
.glass {
|
|
@apply bg-white/5 backdrop-blur-xl;
|
|
}
|
|
|
|
/* Scrollbar styling */
|
|
.scrollbar-thin::-webkit-scrollbar {
|
|
width: 6px;
|
|
}
|
|
|
|
.scrollbar-thin::-webkit-scrollbar-track {
|
|
@apply bg-black/10 rounded;
|
|
}
|
|
|
|
.scrollbar-thin::-webkit-scrollbar-thumb {
|
|
@apply bg-white/20 rounded;
|
|
}
|
|
|
|
/* Pulse animation for status dots */
|
|
.pulse-dot {
|
|
animation: pulse 2s infinite;
|
|
}
|
|
|
|
@keyframes pulse {
|
|
0%, 100% { opacity: 1; }
|
|
50% { opacity: 0.5; }
|
|
}
|
|
}
|