v1.6.0 — 任务编辑改为右侧抽屉滑入,顶栏不再内嵌表单
This commit is contained in:
@@ -501,6 +501,7 @@ td {
|
||||
.task-panel {
|
||||
background: #fff; border-radius: 12px; width: 1000px; max-width: 96vw;
|
||||
box-shadow: 0 20px 60px rgba(0,0,0,0.12); margin-bottom: 48px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.task-header {
|
||||
display: flex; align-items: center; justify-content: space-between;
|
||||
@@ -512,7 +513,21 @@ td {
|
||||
padding: 4px; border-radius: 6px; display: flex;
|
||||
}
|
||||
.task-close:hover { color: #475569; background: #f1f5f9; }
|
||||
.task-body { padding: 20px; display: flex; flex-direction: column; gap: 16px; }
|
||||
.task-body-wrap { position: relative; overflow: hidden; }
|
||||
.task-body { padding: 20px; display: flex; flex-direction: column; gap: 16px; transition: margin-right 0.25s ease; }
|
||||
.task-drawer {
|
||||
position: absolute; top: 0; right: 0; width: 420px; height: 100%;
|
||||
background: #fff; border-left: 1px solid #e2e8f0;
|
||||
transform: translateX(100%); transition: transform 0.25s ease;
|
||||
z-index: 10; display: flex; flex-direction: column;
|
||||
}
|
||||
.task-drawer.open { transform: translateX(0); }
|
||||
.task-drawer-hd {
|
||||
display: flex; align-items: center; justify-content: space-between;
|
||||
padding: 14px 20px; border-bottom: 1px solid #e2e8f0;
|
||||
}
|
||||
.task-drawer-title { font-size: 15px; font-weight: 600; color: #1e293b; }
|
||||
.task-drawer-form { padding: 16px 20px; flex: 1; overflow-y: auto; display: flex; flex-direction: column; gap: 14px; }
|
||||
.task-group {
|
||||
background: #fff; border-radius: 8px;
|
||||
border: 1px solid #e2e8f0; overflow: hidden;
|
||||
|
||||
Reference in New Issue
Block a user