Implemented comprehensive UI overhaul with three-layer architecture: Layer 1 - Theme System: - CSS variables for light/dark themes (theme.css) - Theme composable with light/dark/auto mode (useTheme.ts) - Sidebar state management composable (useSidebar.ts) - Refactored main.css to use CSS variables throughout Layer 2 - Core Components: - AppSidebar with collapsible navigation (desktop) and overlay (mobile) - CollapsibleSection reusable component for expandable cards - Restructured App.vue with new sidebar layout - Integrated Lucide icons library (lucide-vue-next) Layer 3 - Views & Components: - Updated all 14 views with CSS variables and responsive design - Replaced inline SVG with Lucide icon components - Added collapsible sections to Dashboard, Admin pages, UserProfile - Updated 3 shared components (BookingForm, SpaceCalendar, AttachmentsList) Features: - Dark/light/auto theme with persistent preference - Collapsible sidebar (icons-only on desktop, overlay on mobile) - Consistent color palette using CSS variables - Full responsive design across all pages - Modern minimalist aesthetic with Indigo accent color Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
36 lines
981 B
JSON
36 lines
981 B
JSON
{
|
|
"name": "space-booking-frontend",
|
|
"version": "0.1.0",
|
|
"type": "module",
|
|
"scripts": {
|
|
"dev": "vite",
|
|
"build": "vue-tsc && vite build",
|
|
"preview": "vite preview",
|
|
"lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
|
|
"typecheck": "vue-tsc --noEmit"
|
|
},
|
|
"dependencies": {
|
|
"@fullcalendar/core": "^6.1.0",
|
|
"@fullcalendar/daygrid": "^6.1.0",
|
|
"@fullcalendar/interaction": "^6.1.0",
|
|
"@fullcalendar/timegrid": "^6.1.0",
|
|
"@fullcalendar/vue3": "^6.1.0",
|
|
"axios": "^1.6.0",
|
|
"chart.js": "^4.5.1",
|
|
"lucide-vue-next": "^0.563.0",
|
|
"pinia": "^2.1.0",
|
|
"vue": "^3.4.0",
|
|
"vue-router": "^4.2.0"
|
|
},
|
|
"devDependencies": {
|
|
"@vitejs/plugin-vue": "^5.0.0",
|
|
"@vue/eslint-config-typescript": "^12.0.0",
|
|
"@vue/tsconfig": "^0.5.0",
|
|
"eslint": "^8.56.0",
|
|
"eslint-plugin-vue": "^9.19.0",
|
|
"typescript": "^5.6.0",
|
|
"vite": "^5.0.0",
|
|
"vue-tsc": "^2.0.0"
|
|
}
|
|
}
|