Button improvements:
- Primary buttons now more prominent with shadow, larger padding, and hover effects
- Secondary buttons use ghost style for reduced visual weight
- Added transform animations for better interactivity
- Clear visual hierarchy between Create/Cancel actions
Form and layout improvements:
- Enhanced form inputs with better padding and hover states
- Fixed white background issue on input focus (now uses theme colors)
- Added browser autofill color fixes to prevent white-on-white text
- Improved placeholder text visibility with proper theme colors
- Added form-section card styling for better visual grouping
Page layout enhancements:
- Increased header padding and added subtle shadow
- Better typography hierarchy with larger headings
- Narrower content width (800px) for improved readability
- More breathing room between sections
CSS consolidation (continued):
- AspectRatioSelector.css: 88→42 lines (52% reduction)
- CreationActions.css: 96→57 lines (41% reduction)
- EmptyPresentationState.css: 129→27 lines (79% reduction)
- Updated components to use utility classes from application.css
All changes maintain theme consistency and work in both light/dark modes.
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Add comprehensive application.css with utility classes and component base styles
- Consolidate common layout, spacing, typography, and component patterns
- Reduce CSS duplication by ~600 lines across components
- Implement utility-first approach with semantic component classes
- Update NewPresentationPage.css as demonstration (382→80 lines, 79% reduction)
- Add overlay color variables to theme system for modals
- Fix Modal and ConfirmDialog to use proper theme colors
- Simplify AppHeader component by removing unused dynamic title logic
The new CSS architecture provides:
- Utility classes for layout, spacing, typography, borders
- Base component classes for cards, buttons, forms, modals
- Consistent theming integration with color system
- Mobile-responsive design patterns
- Reduced maintenance overhead and improved consistency
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
## Major Features Added:
### Presentation Management
- Complete CRUD operations for presentations (create, read, update, delete)
- IndexedDB storage for offline presentation data
- Comprehensive presentation list view with metadata
- Navigation integration with header menu
### Slide Management
- Full slide editor with layout selection and content editing
- Live preview with theme styling applied
- Speaker notes functionality
- Enhanced layout previews with realistic sample content
- Themed layout selection with proper CSS inheritance
### Aspect Ratio System
- Support for 3 common presentation formats: 16:9, 4:3, 16:10
- Global CSS system baked into theme engine
- Visual aspect ratio selection in presentation creation
- Responsive scaling for different viewing contexts
- Print-optimized styling with proper dimensions
### User Experience Improvements
- Enhanced sample content generation for realistic previews
- Improved navigation with presentation management
- Better form styling and user interaction
- Comprehensive error handling and loading states
- Mobile-responsive design throughout
### Technical Infrastructure
- Complete TypeScript type system for presentations
- Modular component architecture
- CSS aspect ratio classes for theme consistency
- Enhanced template rendering with live updates
- Robust storage utilities with proper error handling
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
