9a87064dbe
fix(design): replace all 40+ hardcoded colors with DESIGN.md semantic system
...
Phase 10 Implementation: Bulk color system compliance across frontend
Applied DESIGN_COLOR_RULES.md to 40 component and page files:
- Indigo (3) → primary/secondary (primary actions)
- Green (12) → tertiary (#00e639) (success/healthy status)
- Red/Rose (20) → error (#ffb4ab) (destructive actions)
- Amber/Sky (9) → primary/secondary (warnings/info)
- Blue/Slate (various) → primary/design system colors (focus states)
- Black → bg-surface-container-lowest (proper design color)
Files updated: 40 components + pages
Color replacements: 44+ instances
Build status: ✓ Zero errors, compiled in 6.3s
Test status: Pending (npm run test)
All colors now follow DESIGN.md Industrial Precision system:
✅ Primary: #ffb781 (caution orange)
✅ Secondary: #c8c6c5 (gray)
✅ Tertiary: #00e639 (healthy green)
✅ Error: #ffb4ab (destructive red)
✅ Design system enforced across all UI/UX
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com >
2026-04-25 17:19:53 +03:00
de8c5c7135
Build [v1.14.31]
2026-04-25 12:53:41 +03:00
778d671a5f
Merge tag '1.14.5_cleaned'
...
project was cleaned
2026-04-23 11:47:44 +03:00
2cbc036eb2
fix: critical mobile viewport fixes - login, modals, page constraints
...
- Remove min-h-screen or make responsive (md:min-h-screen for desktop only)
- Login modal: p-8 → p-4 md:p-6, space-y-8 → space-y-3 md:space-y-4
- NewItemDialog: responsive spacing p-4 md:p-6, gaps 3 md:gap-4
- StockAdjustmentPanel: p-6 → p-4 md:p-6, gaps/spacing reduced for mobile
- All container padding and gaps now follow mobile-first pattern
- Fixes viewport overflow on 375px portrait mode
- Tests: 291/291 passing
2026-04-19 19:04:17 +03:00
c0232bb2f1
refactor: remove all bold font weights from UI/UX (291 replacements)
...
Replace font-bold, font-black, and font-semibold with font-normal throughout:
- 26 component files
- 1 CSS utility file (globals.css)
- 291 total occurrences
Text hierarchy now maintained through font-size differences only.
All tests passing (291/291).
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com >
2026-04-19 18:28:23 +03:00
73dde9b40d
feat: add responsive typography scaling for desktop readability
...
- Add CSS clamp() for fluid font-size scaling (16px to 20px based on viewport)
- Apply responsive breakpoint classes to all components:
* text-xs → lg:text-sm xl:text-base
* text-sm → lg:text-base xl:text-lg
* text-base → lg:text-lg xl:text-xl
* text-lg → lg:text-xl xl:text-2xl
* text-xl → lg:text-2xl xl:text-3xl
* text-2xl → lg:text-3xl xl:text-4xl
* text-3xl → lg:text-4xl xl:text-5xl
- Apply responsive padding/spacing scaling proportionally
- Updated 27 component and page files
- Build verified: 6 routes, zero TypeScript errors
- Fixes readability on MacBook Pro 14" and other desktop screens without browser zoom
2026-04-19 18:03:21 +03:00
6eeaa89d9b
refactor: extract NewItemDialog component
...
- Created frontend/components/NewItemDialog.tsx (37 lines)
- Moved scanner prompt and add item UI from page.tsx
- Props: onScannerClick, onAddItemClick callbacks
- Removed unused Smartphone and Sparkles imports from page.tsx
- All 291 tests passing, build successful
2026-04-19 14:47:12 +03:00
