MKStoler1024 a47e31faa2
feat: 时间广播初步实现
* docs: 更新README,添加考试看板和时间广播功能说明,优化界面截图

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

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

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

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

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

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

70 lines
1.3 KiB
CSS

.info-container {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #3498db;
color: white;
padding: 16px;
display: none;
z-index: 10001;
animation: slideUp 0.3s ease;
}
@keyframes slideUp {
from { transform: translateY(100%); }
to { transform: translateY(0); }
}
.info-content {
max-width: 800px;
margin: 0 auto;
font-size: 15px;
display: flex;
align-items: center;
gap: 12px;
}
.info-content:before {
content: 'i';
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
background: white;
color: #3498db;
border-radius: 50%;
font-weight: bold;
}
.error-container {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #ff6b6b;
color: white;
padding: 16px;
display: none;
z-index: 10001;
animation: slideUp 0.3s ease;
}
.error-content {
max-width: 800px;
margin: 0 auto;
font-size: 15px;
display: flex;
align-items: center;
gap: 12px;
}
.error-content:before {
content: '!';
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
background: white;
color: #ff6b6b;
border-radius: 50%;
font-weight: bold;
}