zhi/HarborForge.Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: unify task creation with shared modal

Browse Source
This commit is contained in:
zhi
2026-03-16 16:32:09 +00:00
parent 0c5c78a45d
commit ef42231697
7 changed files with 300 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/index.css
View File

@@ -113,11 +113,23 @@ dd { font-size: .9rem; }
.comment-form textarea { width: 100%; min-height: 80px; padding: 10px; border: 1px solid var(--border); border-radius: 6px; background: var(--bg); color: var(--text); resize: vertical; margin-bottom: 8px; }
.comment-form button { padding: 8px 16px; background: var(--accent); color: #fff; border: none; border-radius: 6px; cursor: pointer; }
/* Create Task form */
.create-task form { max-width: 600px; display: flex; flex-direction: column; gap: 14px; }
.create-task label { display: flex; flex-direction: column; gap: 4px; font-size: .85rem; color: var(--text-dim); }
.create-task input, .create-task textarea, .create-task select { padding: 8px 12px; border: 1px solid var(--border); border-radius: 6px; background: var(--bg); color: var(--text); font-size: .95rem; }
.create-task textarea { min-height: 100px; resize: vertical; }
/* Create Task form / modal */
.create-task form, .task-create-form { max-width: 600px; display: flex; flex-direction: column; gap: 14px; }
.create-task label, .task-create-form label { display: flex; flex-direction: column; gap: 4px; font-size: .85rem; color: var(--text-dim); }
.create-task input, .create-task textarea, .create-task select,
.task-create-form input, .task-create-form textarea, .task-create-form select {
padding: 8px 12px; border: 1px solid var(--border); border-radius: 6px; background: var(--bg); color: var(--text); font-size: .95rem;
}
.create-task textarea, .task-create-form textarea { min-height: 100px; resize: vertical; }
.task-create-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.modal-overlay {
position: fixed; inset: 0; background: rgba(0, 0, 0, .6); display: flex; align-items: center; justify-content: center; z-index: 1000; padding: 24px;
}
.modal {
width: min(720px, 100%); max-height: calc(100vh - 48px); overflow: auto; background: var(--bg-card); border: 1px solid var(--border); border-radius: 12px; padding: 20px;
}
.modal-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.modal-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 8px; }
/* Project grid */
.project-grid, .milestone-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; margin-top: 16px; }