Integrate the Nuxt UI component library and completely revamp the application's user interface to improve usability, aesthetics, and maintainability. - Replace all custom components and native browser dialogs (`alert`, `prompt`, `confirm`) with Nuxt UI components like `UCard`, `UButton`, `UModal`, and `UNotifications`. - Refactor the main page by extracting the sidebar into dedicated panel components: `CategoryPanel`, `BoardSummaryPanel`, and `HistoryPanel`. - Redesign all major components (Toolbar, Board, Stage, Task) for a cleaner layout and improved information hierarchy. - Implement user-friendly modals for all creation, editing, and deletion flows, providing a more consistent user experience. - Add toast notifications to provide immediate feedback for user actions.
24 lines
436 B
TypeScript
24 lines
436 B
TypeScript
import type { Config } from 'tailwindcss'
|
|
|
|
export default {
|
|
content: [
|
|
'./components/**/*.{vue,js,ts}',
|
|
'./layouts/**/*.vue',
|
|
'./pages/**/*.vue',
|
|
'./plugins/**/*.{js,ts}',
|
|
'./app.vue'
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
panel: '#111827',
|
|
panel2: '#0b1220',
|
|
border: '#1f2937',
|
|
card: '#0f172a',
|
|
accent: '#38bdf8'
|
|
}
|
|
}
|
|
},
|
|
plugins: [],
|
|
} satisfies Config
|