回滚页面样式
This commit is contained in:
@@ -315,14 +315,6 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
gap: 6px;
|
gap: 6px;
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
|
|
||||||
.attendance-toolbar .status-btn {
|
|
||||||
flex: 1 1 calc(33% - 6px);
|
|
||||||
min-width: 0;
|
|
||||||
text-align: center;
|
|
||||||
padding: 10px 8px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.attendance-toolbar input[type="text"],
|
.attendance-toolbar input[type="text"],
|
||||||
@@ -332,10 +324,6 @@
|
|||||||
min-width: 0 !important;
|
min-width: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.attendance-toolbar .btn {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.status-select {
|
.status-select {
|
||||||
font-size: 16px; /* 防止 iOS 自动缩放 */
|
font-size: 16px; /* 防止 iOS 自动缩放 */
|
||||||
padding: 8px;
|
padding: 8px;
|
||||||
|
|||||||
@@ -622,24 +622,6 @@ tr:hover {
|
|||||||
color: #667eea;
|
color: #667eea;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ========== 触控友好 ========== */
|
|
||||||
.btn,
|
|
||||||
.btn-login,
|
|
||||||
.btn-logout,
|
|
||||||
.status-btn,
|
|
||||||
.nav-item {
|
|
||||||
min-height: 44px;
|
|
||||||
display: inline-flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-group input,
|
|
||||||
.form-group select,
|
|
||||||
.form-group textarea {
|
|
||||||
min-height: 44px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ========== 响应式 — 平板 (≤768px) ========== */
|
/* ========== 响应式 — 平板 (≤768px) ========== */
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
.container {
|
.container {
|
||||||
@@ -725,11 +707,6 @@ tr:hover {
|
|||||||
.action-buttons {
|
.action-buttons {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.action-buttons .btn {
|
|
||||||
flex: 1;
|
|
||||||
min-width: 0;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ========== 响应式 — 手机 (≤480px) ========== */
|
/* ========== 响应式 — 手机 (≤480px) ========== */
|
||||||
@@ -861,18 +838,6 @@ tr:hover {
|
|||||||
align-items: flex-end;
|
align-items: flex-end;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 按钮 */
|
|
||||||
.btn {
|
|
||||||
padding: 10px 14px;
|
|
||||||
font-size: 13px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-sm {
|
|
||||||
padding: 6px 10px;
|
|
||||||
font-size: 12px;
|
|
||||||
min-height: 36px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 表单 */
|
/* 表单 */
|
||||||
.form-group input,
|
.form-group input,
|
||||||
.form-group select,
|
.form-group select,
|
||||||
@@ -909,17 +874,6 @@ tr:hover {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 操作栏 */
|
|
||||||
.action-buttons {
|
|
||||||
flex-wrap: wrap;
|
|
||||||
gap: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.action-buttons .btn {
|
|
||||||
flex: 1 1 calc(50% - 8px);
|
|
||||||
min-width: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 分页 */
|
/* 分页 */
|
||||||
.pagination {
|
.pagination {
|
||||||
gap: 4px;
|
gap: 4px;
|
||||||
|
|||||||
Reference in New Issue
Block a user