html, body, #app { height: 100%; margin: 0; overflow: hidden; } body { font-family: Arial, sans-serif; } .panel { box-sizing: border-box; display: flex; flex-direction: column; height: 100%; padding: 12px; overflow: hidden; } .panel > .ant-spin-nested-loading { flex: 1; min-height: 0; } .panel .ant-spin-container { height: 100%; overflow-y: auto; } .full { width: 100%; } .field-list { display: grid; gap: 8px; margin-top: 12px; } .field-section + .field-section { margin-top: 20px; } .field-section h3 { margin: 0 0 8px; font-size: 14px; font-weight: 600; } .alert { flex: none; margin-bottom: 12px; }
|
|
.section-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
|
.section-title h3 { margin: 0; }
|
.panel .ant-spin-container { overflow-x: hidden; }
|
.form-field-list, .repeat-fields { grid-template-columns: minmax(0, 1fr); }
|
.form-field-list .ant-btn, .repeat-fields .ant-btn { height: auto; min-height: 32px; min-width: 0; max-width: 100%; padding: 4px 15px; text-align: center; white-space: normal; overflow-wrap: anywhere; }
|
.form-field-list .ant-btn > span, .repeat-fields .ant-btn > span { min-width: 0; max-width: 100%; }
|
.field-source { display: block; color: #777; margin-bottom: 3px; }
|
.repeat-heading { align-items: center; display: flex; justify-content: space-between; margin-top: 12px; min-height: 32px; }
|
.repeat-label { color: rgba(0, 0, 0, 0.88); font-size: 13px; font-weight: 600; }
|
.repeat-fields { display: grid; gap: 8px; }
|
.repeat-format-label { display: block; margin-top: 12px; }
|
.repeat-pattern { margin-top: 6px; }
|
.repeat-feedback { min-height: 30px; padding: 5px 0; font-size: 12px; }
|
.repeat-error { color: #ff4d4f; }
|
.repeat-preview { white-space: pre-wrap; overflow-wrap: anywhere; }
|
