docs: add cell storage protocol modules design for 2.2.6–2.2.10
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
1 parent
058811ae77
commit
246ad2228e
153 files changed
+20578
-2040
No files matched your search
@@ -617,6 +617,89 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
/* 弹窗表单栅格(与 docs/web-admin-ui-spec-fresh-mint.md §9.3.1 / §10.3 一致) */
|
||||
.form-grid-2 {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 12px 20px;
|
||||
}
|
||||
|
||||
.form-grid-3 {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 12px 16px;
|
||||
}
|
||||
|
||||
.form-grid-4 {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||||
gap: 12px 14px;
|
||||
}
|
||||
|
||||
.form-grid-5 {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(5, minmax(0, 1fr));
|
||||
gap: 12px 12px;
|
||||
}
|
||||
|
||||
.form-col-span-2 {
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
|
||||
.sort-field {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.form-tip {
|
||||
margin-left: 8px;
|
||||
color: var(--mint-text-muted);
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
.form-grid-3 {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.form-grid-4,
|
||||
.form-grid-5 {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 560px) {
|
||||
.form-grid-2,
|
||||
.form-grid-3,
|
||||
.form-grid-4,
|
||||
.form-grid-5 {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
/* 标准 CRUD 弹窗:相对视口上下各保留至少 50px 可视留白,正文区纵向滚动(不占满视口高度) */
|
||||
.el-dialog.dialog-form-layout {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
max-height: calc(100vh - 100px);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.el-dialog.dialog-form-layout .el-dialog__header {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.el-dialog.dialog-form-layout .el-dialog__body {
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
overflow-y: auto;
|
||||
padding: 18px 22px;
|
||||
}
|
||||
|
||||
.el-dialog.dialog-form-layout .el-dialog__footer {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
#app-header > div {
|
||||
background: var(--mint-surface) !important;
|
||||
}
|
||||
|
||||
@@ -624,7 +624,7 @@ body .el-table thead {
|
||||
}
|
||||
|
||||
// 修复固定列与滚动列之间的边框
|
||||
.el-table__fixed-column--right {
|
||||
.el-table-fixed-column--right {
|
||||
border-left: 1px solid var(--el-table-border-color) !important;
|
||||
}
|
||||
|
||||
|
||||
Reference in new issue
Block a user