leefer/caiwuzongzhang
1
0
Fork 0
Code Issues Pull Requests 4 Actions Packages Projects Releases Wiki Activity

HEL-230: 按确认样图通栏重排提醒管理页

Browse Source 
页面改为待提醒清单 → 提醒历史 → 发送处理提醒三块通栏；发送区按样图做成三步横向流程，窄屏竖排，保留原发送与历史留痕能力。

Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: multica-agent <github@multica.ai>
This commit is contained in:
总工
2026-08-29 10:14:03 +08:00
co-authored by Cursor multica-agent
parent 85e11a4f72
commit f5e0915f63
4 changed files with 385 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/design-system.css
+94
View File
@@ -1083,3 +1083,97 @@ body[data-portal="company"] .side-nav a[data-view="transfers"].active svg {
.xfer-split { grid-template-columns: 1fr; }
.xfer-split-pane.confirmed { border-right: 0; border-bottom: 1px solid var(--border); }
}
/* ─── 提醒管理：三步发送流（HEL-230） ─────────────────────────── */
.send-flow {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) minmax(0, 1fr);
align-items: stretch;
gap: 0;
}
.sf-step {
display: flex;
flex-direction: column;
gap: 10px;
min-width: 0;
padding: 0 18px;
}
.sf-step:first-child { padding-left: 0; }
.sf-step:last-child { padding-right: 0; }
.sf-step + .sf-step { border-left: 1px solid var(--border); }
.sf-step-head {
display: flex;
align-items: baseline;
gap: 8px;
}
.sf-idx {
font-family: var(--font-mono);
font-size: 12px;
font-weight: 650;
color: var(--accent);
flex: none;
}
.sf-step-head > span:nth-child(2) { font-size: 13px; font-weight: 650; }
.sf-step-head .meta { margin-left: auto; }
.sf-step .hint { font-size: 11.5px; color: var(--muted); }
.sf-step .hint.error { color: var(--danger); }
.pick-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
}
.pick {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 5px 10px;
border: 1px solid var(--border);
border-radius: 999px;
background: var(--surface);
color: var(--fg);
font-size: 13px;
cursor: pointer;
transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}
.pick:hover { background: var(--fg-soft); }
.pick:has(input:checked) {
background: var(--accent-soft);
border-color: var(--accent);
color: var(--accent);
}
.pick input { width: auto; margin: 0; }
.sf-send {
margin-top: auto;
display: flex;
flex-direction: column;
gap: 8px;
}
.sf-send .btn-primary { width: 100%; }
[data-page="reminders"] .history-table {
border: 0;
}
[data-page="reminders"] .history-table .ds-table {
min-width: 0;
}
[data-page="reminders"] .history-table .ds-table th:nth-child(1),
[data-page="reminders"] .history-table .ds-table td:nth-child(1) {
width: 14%;
}
[data-page="reminders"] .history-table .ds-table th:nth-child(4),
[data-page="reminders"] .history-table .ds-table td:nth-child(4) {
width: 28%;
white-space: normal;
min-width: 160px;
}
@media (max-width: 1100px) {
.send-flow { grid-template-columns: minmax(0, 1fr); }
.sf-step { padding: 14px 0 0; }
.sf-step:first-child { padding-top: 0; }
.sf-step + .sf-step {
border-left: 0;
border-top: 1px solid var(--border);
}
}