优化
This commit is contained in:
@@ -29,64 +29,8 @@
|
||||
.unified-orders-page .detail-panel .el-empty__image { display: none; }
|
||||
.unified-orders-page .detail-panel .el-empty__description { margin-top: 0; }
|
||||
|
||||
/* Dialogs are teleported; opt in explicitly instead of styling all AppDialog instances. */
|
||||
.order-density-dialog.el-dialog {
|
||||
--el-font-size-base: 13px;
|
||||
--el-component-size: 32px;
|
||||
padding: 0;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.order-density-dialog.el-dialog:not(.is-fullscreen) { margin-top: 6vh; max-height: 88vh; }
|
||||
.order-density-dialog.el-dialog .el-dialog__header { margin: 0; padding: 10px 48px 10px 16px; border-bottom: 1px solid var(--cc-border); }
|
||||
.order-density-dialog.el-dialog .el-dialog__title { font-size: 16px; line-height: 24px; font-weight: 600; }
|
||||
.order-density-dialog.el-dialog .el-dialog__body { padding: 12px 16px; }
|
||||
.order-density-dialog.el-dialog .el-dialog__footer { padding: 8px 16px; border-top: 1px solid var(--cc-border); }
|
||||
.order-density-dialog.el-dialog .el-table { font-size: 13px; }
|
||||
.order-density-dialog.el-dialog .el-table__cell { height: 36px; padding: 4px 0; }
|
||||
.order-density-dialog.el-dialog .el-table .cell { line-height: 22px; }
|
||||
.order-density-dialog.el-dialog .el-form-item { margin-bottom: 14px; }
|
||||
.order-density-dialog.el-dialog .el-form-item__label { font-size: 13px; }
|
||||
.order-density-dialog.el-dialog .el-alert { padding: 8px 10px; border-radius: 3px; }
|
||||
.order-density-dialog.el-dialog .el-empty { padding: 12px 0; }
|
||||
.order-density-dialog.el-dialog .el-empty__image { display: none; }
|
||||
.order-density-dialog.el-dialog .el-empty__description { margin-top: 0; }
|
||||
.order-density-dialog.el-dialog .batch-approval-table .cell { white-space: normal; overflow-wrap: anywhere; }
|
||||
.order-density-dialog.el-dialog .batch-approval-table .el-tag { height: auto; min-height: 24px; white-space: normal; line-height: 20px; }
|
||||
|
||||
@media (min-width: 961px) {
|
||||
.order-measurement-dialog.el-dialog:not(.is-fullscreen) {
|
||||
/* The inherited dialog width is inline; only this order entry opts into the wider workspace. */
|
||||
width: min(1560px, calc(100vw - 48px)) !important;
|
||||
height: 92vh; max-height: 92vh; margin-top: 4vh;
|
||||
}
|
||||
.order-measurement-dialog .measurement-dialog-weight { padding-bottom: 10px; }
|
||||
.order-measurement-dialog .measurement-section { padding: 10px 0; }
|
||||
.order-measurement-dialog .measurement-summary-section { gap: 8px; }
|
||||
.order-measurement-dialog .measurement-section__heading { align-items: center; margin-bottom: 8px; }
|
||||
.order-measurement-dialog .measurement-metrics { grid-template-columns: repeat(5, minmax(0, 1fr)); }
|
||||
.order-measurement-dialog .measurement-metrics > div { min-height: 36px; padding: 6px 10px; display: flex; align-items: baseline; gap: 8px; }
|
||||
.order-measurement-dialog .measurement-metrics dd { font-size: 14px; }
|
||||
.order-measurement-dialog .measurement-metrics small { font-size: 12px; }
|
||||
.order-measurement-dialog .measurement-data-grid { gap: 8px 12px; }
|
||||
.order-measurement-dialog .measurement-declaration { padding-top: 8px; }
|
||||
.order-measurement-dialog .measurement-declaration h4 { margin-bottom: 6px; font-size: 13px; }
|
||||
.order-measurement-dialog .measurement-panel > .el-alert { margin: 8px 0; }
|
||||
.order-measurement-dialog .measurement-summary-header span { font-size: 12px; }
|
||||
.order-measurement-dialog .measurement-table .el-table__header th { padding: 4px 0; font-size: 13px; }
|
||||
.order-measurement-dialog .weight-heading { flex-wrap: wrap; gap: 8px; padding-bottom: 8px; }
|
||||
.order-measurement-dialog .weight-heading__actions { flex-wrap: wrap; gap: 12px; }
|
||||
.order-measurement-dialog .pallet-picker { width: 340px; }
|
||||
.order-measurement-dialog .weight-list { margin-top: 8px; }
|
||||
.order-measurement-dialog .weight-grid { grid-template-columns: repeat(auto-fill, minmax(420px, 1fr)); gap: 8px; }
|
||||
.order-measurement-dialog .weight-card { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 10px; align-items: start; padding: 8px; border-radius: 2px; }
|
||||
.order-measurement-dialog .weight-card .weight-thumb { width: 120px; border-radius: 2px; }
|
||||
.order-measurement-dialog .weight-card__body { min-width: 0; padding: 0; text-align: left; }
|
||||
.order-measurement-dialog .weight-card__value { min-height: 28px; padding-right: 32px; text-align: left; }
|
||||
.order-measurement-dialog .weight-card__value strong { font-size: 14px; }
|
||||
.order-measurement-dialog .weight-card__facts { gap: 3px; margin-top: 4px; padding-top: 4px; }
|
||||
.order-measurement-dialog .weight-card__facts div { font-size: 12px; }
|
||||
.order-measurement-dialog .weight-card__correct { width: auto; margin-top: 6px; }
|
||||
}
|
||||
.admin-density-dialog.el-dialog .batch-approval-table .cell { white-space: normal; overflow-wrap: anywhere; }
|
||||
.admin-density-dialog.el-dialog .batch-approval-table .el-tag { height: auto; min-height: 24px; white-space: normal; line-height: 20px; }
|
||||
|
||||
@media (max-width: 960px) {
|
||||
.unified-orders-page .inbound-fee-panel .fee-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||||
|
||||
Reference in New Issue
Block a user