Marius Mutu
1a6e9b17d2
Shared Components: - Add CompanySelector.vue and PeriodSelector.vue components - Add AppHeader.vue and SlideMenu.vue layout components - Add shared stores factories (companies.js, accountingPeriod.js) - Add shared routes factories (companies.py, calendar.py) - Add shared models (company.py, calendar.py) - Add shared layout styles (header.css, navigation.css) Data Entry App: - Update CLAUDE.md with prod/test server documentation - Improve nomenclature sync service with better error handling - Update receipts router and CRUD operations - Add company/period stores using shared factories - Update App.vue layout with shared components - Fix OCRUploadZone file handling Reports App: - Refactor stores to use shared factories - Update App.vue to use shared layout components Infrastructure: - Replace start-data-entry.sh with separate dev/test scripts - Add .claude/rules for authentication, backend patterns, etc. - Add implementation plan for OCR receipt improvements - Clean up old documentation files 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
27 lines
1013 B
Markdown
27 lines
1013 B
Markdown
---
|
|
paths: {reports-app,data-entry-app}/frontend/**/*.{vue,css}
|
|
---
|
|
|
|
# CSS Design System Rules
|
|
|
|
## Documentation (READ FIRST)
|
|
- **Quick Start**: `docs/ONBOARDING_CSS.md` (5 min read)
|
|
- **Complete Patterns**: `docs/CSS_PATTERNS.md` (cards, forms, buttons, tables, etc.)
|
|
- **Design Tokens**: `docs/DESIGN_TOKENS.md` (colors, spacing, typography variables)
|
|
|
|
## Core Principles
|
|
- Use CSS variables from design tokens, NEVER hardcoded values
|
|
- Check `CSS_PATTERNS.md` BEFORE writing any CSS
|
|
- Import shared styles from `shared/frontend/styles/`
|
|
|
|
## Shared Styles to Import
|
|
- Login: `@import 'shared/frontend/styles/login.css'`
|
|
- Header: `@import 'shared/frontend/styles/layout/header.css'`
|
|
- Navigation: `@import 'shared/frontend/styles/layout/navigation.css'`
|
|
|
|
## NEVER
|
|
- Use `:deep()` for PrimeVue overrides (use `vendor/` files)
|
|
- Duplicate patterns that exist in CSS_PATTERNS.md
|
|
- Use hardcoded colors like `#2563eb` (use `var(--color-primary)`)
|
|
- Create scoped CSS for patterns that already exist in shared files
|