回滚页面样式

This commit is contained in:
2026-04-27 04:42:00 +08:00
parent 854f364bfd
commit afdda9fa14
5 changed files with 5 additions and 391 deletions

View File

@@ -206,143 +206,14 @@
color: #4338ca;
}
/* ========== 响应式 — 平板 (≤768px) ========== */
@media (max-width: 768px) {
.student-cell {
width: calc(100% / 4 - 10px);
min-height: 54px;
font-size: 13px;
}
.batch-bar {
flex-direction: column;
gap: 8px;
text-align: center;
}
.filter-bar {
flex-direction: column;
gap: 10px;
padding: 12px;
}
.filter-group {
min-width: 100%;
}
.attendance-toolbar {
gap: 8px;
}
.attendance-toolbar .status-group {
flex-wrap: wrap;
gap: 6px;
}
.attendance-toolbar .status-btn {
padding: 8px 14px;
font-size: 13px;
min-height: 40px;
}
.assignment-header {
flex-direction: column;
align-items: flex-start;
}
.import-area {
padding: 20px;
}
}
/* ========== 响应式 — 手机 (≤480px) ========== */
@media (max-width: 480px) {
.student-cell {
width: calc(100% / 3 - 8px);
min-height: 50px;
font-size: 12px;
padding: 6px 2px;
border-radius: 6px;
}
.student-cell-name {
font-size: 12px;
}
.student-cell-no {
font-size: 10px;
}
.student-grid {
gap: 6px;
margin: 10px 0;
}
.batch-bar {
padding: 10px 12px;
border-radius: 6px;
}
.filter-bar {
padding: 10px;
border-radius: 6px;
gap: 8px;
}
.filter-group input,
.filter-group select {
font-size: 16px; /* 防止 iOS 自动缩放 */
padding: 10px 8px;
min-height: 40px;
}
.attendance-toolbar {
flex-direction: column;
align-items: stretch;
gap: 8px;
}
.attendance-toolbar .form-group {
width: 100%;
}
.attendance-toolbar .form-group input,
.attendance-toolbar .form-group select {
font-size: 16px;
}
.attendance-toolbar .status-group {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.attendance-toolbar input[type="text"],
.attendance-toolbar input[type="number"] {
font-size: 16px;
width: 100% !important;
min-width: 0 !important;
}
.status-select {
font-size: 16px; /* 防止 iOS 自动缩放 */
padding: 8px;
min-height: 40px;
}
.import-area {
padding: 16px;
}
.preview-table {
max-height: 200px;
}
.assignment-card {
margin-bottom: 12px;
}
.assignment-title {
font-size: 14px;
width: calc(100% / 3 - 10px);
}
}