feat: refine admin forms, attendance and finance workflows
Squash merge PR #23. Included changes: - complete occupancy check-in required fields/default payload - improve responsive admin management pages - fix attendance edge cases and attendance period config - refine wallet/finance-related workflow handling Checks: - npm run typecheck -w apps/admin - npm run typecheck -w apps/server
This commit is contained in:
@@ -35,6 +35,24 @@ canvas {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.app-sidebar {
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
|
||||
.app-content > * {
|
||||
min-width: 0;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.ant-card,
|
||||
.ant-card-body,
|
||||
.ant-tabs,
|
||||
.ant-tabs-content-holder,
|
||||
.ant-tabs-content,
|
||||
.ant-tabs-tabpane {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.app-header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
@@ -65,11 +83,15 @@ canvas {
|
||||
row-gap: 8px;
|
||||
}
|
||||
|
||||
/* === 通用:表格容器横向滚动(防双重滚动条) === */
|
||||
/* Data tables own their horizontal scroll instead of widening the page. */
|
||||
.ant-table-wrapper {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.ant-table-wrapper .ant-table-container {
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
overscroll-behavior-inline: contain;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
@@ -231,6 +253,46 @@ canvas {
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.ant-card-head {
|
||||
align-items: flex-start;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
padding-block: 12px;
|
||||
}
|
||||
|
||||
.ant-card-head-wrapper {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.ant-card-extra {
|
||||
max-width: 100%;
|
||||
margin-inline-start: 0;
|
||||
}
|
||||
|
||||
.ant-card-extra > .ant-space {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.ant-form-item-control,
|
||||
.ant-form-item-control-input,
|
||||
.ant-form-item-control-input-content,
|
||||
.ant-picker-range {
|
||||
min-width: 0;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.ant-statistic-content {
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.app-content {
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
/* === 平板 (576-991px) === */
|
||||
@media (min-width: 576px) and (max-width: 991px) {
|
||||
.ant-modal {
|
||||
|
||||
Reference in New Issue
Block a user