ui: Notion-style inline editing for task detail fields

- Add useInlineEdit hook for per-field editing (double-click to edit)
- Add useDirtyFields hook for tracking unsaved changes
- Add NotionFieldRow component with CSS Grid layout (140px label + 1fr value)
- Add StickyActionBar component (fixed bottom bar with Save/Cancel)
- Remove editModeBar from top (was shifting content down)
- Replace field flex layout with notion-field-row grid
- Add unified input styles (h-8, centered text) in CSS
- Add safe-area-bottom for iOS PWA
- Buttons now appear at bottom only when fields are dirty

Refs: TaskTitan CRM UI refactor
This commit is contained in:
agent
2026-07-16 01:16:50 +08:00
parent a4a3a9ca18
commit 2331dc00a5
7 changed files with 465 additions and 109 deletions

View File

@@ -175,7 +175,7 @@
"postcss": "^8.4.47",
"tailwindcss": "^3.4.17",
"tsx": "^4.19.1",
"typescript": "5.6.3",
"typescript": "^5.6.3",
"vite": "^5.4.19"
},
"optionalDependencies": {