5 Commits

Author SHA1 Message Date
tuanOts
80bb712c70 Enhanced Calendar & Project Tracker UI
� Calendar Improvements:
- Fixed duplicate API calls and event handling
- Enhanced calendar toolbar with beautiful gradient buttons
- Fixed button alignment and clipping issues
- Added custom calendar-custom.css with modern styling
- Improved drag & drop functionality with better visual feedback
- Enhanced recently dropped events section with proper scrolling
- Added dark mode support for all calendar components
- Mobile responsive design with optimized button layouts

� Project Tracker Fixes:
- Eliminated duplicate API calls with loading refs and time-based prevention
- Enhanced pagination handling to prevent double requests
- Improved error handling and loading states
- Better console logging for debugging

� UI/UX Enhancements:
- Beautiful gradient backgrounds and hover effects
- Proper icon alignment in recently dropped events
- Color-coded status indicators (dots instead of text)
- Smooth animations and transitions
- Enhanced visual hierarchy and spacing
- Professional styling with backdrop filters and shadows

� Responsive Design:
- Mobile-optimized layouts and button sizes
- Proper touch targets and spacing
- Consistent styling across all screen sizes

� Performance:
- Reduced re-renders and optimized event handling
- Better memory management with proper cleanup
- Eliminated React StrictMode double rendering in development
2025-06-14 22:21:58 +07:00
tuanOts
5736b4a544 Enhanced Theme Customizer with Beautiful Features
🎨 Theme Customizer Improvements:
- Added ultra transparent background for real-time UI preview
- Created custom Light/Dark mode preview cards with realistic UI mockups
- Implemented spinning gear animation for settings icon (always rotating)
- Added beautiful hover effects and selected state animations

🖼️ Custom Preview Cards:
- Browser-style header with macOS-like dots (red, yellow, green)
- Mini sidebar with menu items and active states
- Realistic content areas with proper color schemes
- Interactive animations with hover and selection feedback

🔄 Settings Icon Animation:
- Continuous spinning animation (3s/rotation)
- Faster rotation on hover (1.5s with glow effects)
- Even faster when panel open + hover (0.8s)
- Smooth transitions with cubic-bezier timing

🎯 User Experience:
- Real-time theme preview through transparent sidebar
- Visual feedback for all interactive elements
- Professional appearance with modern design patterns
- Mobile-responsive and performance optimized

🔧 Technical Improvements:
- Fixed SCSS syntax errors and proper nesting
- Added comprehensive CSS animations and keyframes
- Implemented proper state management for theme switching
- Enhanced accessibility with proper contrast and shadows
2025-06-01 21:32:44 +07:00
tuanOts
6b6e2bbc8a Fix ESLint no-unused-vars error in index.js
- Remove unused base_path import from environment.jsx
- BrowserRouter already uses process.env.PUBLIC_URL directly
- Clean up unnecessary imports
2025-05-25 02:28:42 +07:00
tuanOts
37f11dc23a Fix asset paths and routing issues
- Fix asset paths from /react/templateassets/ to /react/assets/
- Fix missing slash in asset paths (/reactassets/ to /react/assets/)
- Update environment.jsx to ensure base_path always has trailing slash
- Fix BrowserRouter basename configuration
- Update Header.jsx exclusionArray paths
- Fix themeSettings and rightSidebar asset paths
2025-05-25 02:11:19 +07:00
tuanOts
3d34f67c3f Initial commit of Dreams POS React template 2025-05-23 23:34:50 +07:00