61 lines
1.1 KiB
CSS
61 lines
1.1 KiB
CSS
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
font-family:
|
|
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
#root {
|
|
min-height: 100vh;
|
|
}
|
|
|
|
/* === 通用：表格容器横向滚动 === */
|
|
.ant-table-wrapper {
|
|
overflow-x: auto;
|
|
}
|
|
|
|
/* === 手机 (< 576px) === */
|
|
@media (max-width: 575px) {
|
|
.ant-table {
|
|
font-size: 13px;
|
|
}
|
|
.ant-table-cell {
|
|
padding: 8px 6px !important;
|
|
}
|
|
.ant-descriptions-item-label,
|
|
.ant-descriptions-item-content {
|
|
font-size: 13px;
|
|
}
|
|
.ant-modal {
|
|
max-width: calc(100vw - 24px) !important;
|
|
margin: 12px auto !important;
|
|
}
|
|
.ant-modal .ant-modal-body {
|
|
max-height: 60vh;
|
|
overflow-y: auto;
|
|
}
|
|
h2 {
|
|
font-size: 18px !important;
|
|
}
|
|
.ant-card {
|
|
margin-bottom: 8px;
|
|
}
|
|
.ant-space-item .ant-btn {
|
|
padding: 2px 6px;
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
|
|
/* === 平板 (576-991px) === */
|
|
@media (min-width: 576px) and (max-width: 991px) {
|
|
.ant-modal {
|
|
max-width: calc(100vw - 48px) !important;
|
|
}
|
|
}
|