refactor: extract CSS modules for terminal and git components (Task 2.2)
- Create TerminalComponent.module.css with terminal-* styles - Create GitToolbar.module.css with git toolbar styles - Create CommitDialog.module.css with commit dialog styles - Create MergeDialog.module.css with merge dialog styles - Create FileEditor.module.css with file editor styles - Update all components to import their CSS modules - Remove extracted rules from styles.css (~441 lines removed) Quality gates: tsc (pass), eslint (pass), build (pass) Refs: repo-restructure Task 2.2
This commit is contained in:
@@ -0,0 +1,34 @@
|
||||
# Task 2.2 Apply Report: Extract CSS Modules for Terminal and Git Components
|
||||
|
||||
**Status:** Success
|
||||
|
||||
## Files Created (5)
|
||||
|
||||
- `apps/web/src/components/features/terminal/TerminalComponent.module.css` — Terminal component styles (extracted from styles.css)
|
||||
- `apps/web/src/components/features/git/GitToolbar.module.css` — Git toolbar styles
|
||||
- `apps/web/src/components/features/git/CommitDialog.module.css` — Commit dialog styles
|
||||
- `apps/web/src/components/features/git/MergeDialog.module.css` — Merge dialog styles
|
||||
- `apps/web/src/components/features/git/FileEditor.module.css` — File editor styles
|
||||
|
||||
## Files Modified (6)
|
||||
|
||||
- `apps/web/src/components/terminal.tsx` — Import CSS module, replace className strings with styles.* references
|
||||
- `apps/web/src/components/git-toolbar.tsx` — Import CSS module, replace className strings
|
||||
- `apps/web/src/components/commit-dialog.tsx` — Import CSS module, replace className strings
|
||||
- `apps/web/src/components/merge-dialog.tsx` — Import CSS module, replace className strings
|
||||
- `apps/web/src/components/file-editor.tsx` — Import CSS module, replace className strings
|
||||
- `apps/web/src/styles.css` — Removed extracted terminal and git component CSS rules (~441 lines removed)
|
||||
|
||||
## Quality Gate Results
|
||||
|
||||
- `npm run typecheck` (frontend): **PASS** — zero errors
|
||||
- `npm run lint` (frontend): **PASS** — zero warnings
|
||||
- `npm run build` (frontend): **PASS** — build succeeds in 9.70s
|
||||
- No remaining `.terminal-*`, `.file-editor`, or `.commit-dialog` rules in styles.css
|
||||
|
||||
## Notes
|
||||
|
||||
- CSS classes converted from kebab-case to camelCase for CSS Modules usage
|
||||
- Generic/shared classes (form-group, btn-primary, btn-secondary, error-message) remain in styles.css
|
||||
- Dynamic diff line classes handled with conditional className assignment
|
||||
- `styles.css` reduced from 2696 lines to 2255 lines
|
||||
Reference in New Issue
Block a user