ExamSchedule/notification/styles/reminder-table.css
MKStoler1024 a47e31faa2
feat: 时间广播初步实现
* docs: 更新README,添加考试看板和时间广播功能说明,优化界面截图

* docs: 在README中添加广播模式说明及相关截图

* refactor&fix&feat: 已知问题修复,加上暗色模式,还有拆分css

* feat: 更新课程安排和提醒设置功能,支持导入导出配置

* feat: 添加考试信息展示,更新课程表加载逻辑,优化样式

* feat: 更新考试提醒设置,优化音频选择和配置加载逻辑

* feat: 优化提醒设置处理逻辑,支持临时生效配置导入
2025-03-22 23:35:25 +08:00

56 lines
1.2 KiB
CSS

.reminder-table {
width: 100%;
border-collapse: collapse;
margin: 15px 0;
background: white;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.reminder-table th, .reminder-table td {
padding: 12px;
border-bottom: 1px solid #f1f3f6;
text-align: left;
}
.reminder-table th {
background: #f8f9fa;
color: #57606f;
font-weight: 600;
}
.reminder-table td {
padding: 12px;
border-bottom: 1px solid #f1f3f6;
text-align: left;
cursor: move; /* 添加拖拽光标 */
}
.reminder-table td.drag-handle {
cursor: grab; /* 添加拖拽光标 */
}
.reminder-table tr.dragging {
opacity: 0.5; /* 拖拽时透明度 */
}
.reminder-table td input, .reminder-table td select {
width: 100%;
padding: 8px;
border: 1px solid #e0e6ed;
border-radius: 4px;
font-size: 14px;
color: #2d3436;
}
.reminder-table td button {
background: #e74c3c;
color: white;
border: none;
padding: 8px 16px;
border-radius: 4px;
cursor: pointer;
font-size: 14px;
transition: all 0.2s ease;
}
.reminder-table td button:hover {
background: #c0392b;
}
.reminder-table td:last-child {
text-align: center;
}