romfast/roa2web-service-auto
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
1a6e9b17d2af945d85f15012353642b829669a93
roa2web-service-auto/.claude/rules/css-design-system.md
Marius Mutu 1a6e9b17d2 feat: Add shared components, refactor stores, improve data-entry workflow 
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>
2025-12-15 15:00:45 +02:00

1013 B
Raw Blame History

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