feat&fix: add task recording endpoint, enhance video player support, and improve mobile responsiveness

This commit is contained in:
adlsdztony
2025-06-01 06:50:02 +00:00
parent cb62b3c877
commit b5efb82172
5 changed files with 255 additions and 8 deletions

View File

@@ -33,7 +33,7 @@ h2 { color: #0056b3; margin-top: 32px; font-size: 1.6em; }
}
.stat-card {
flex: 1;
min-width: 220px;
min-width: 150px;
background: linear-gradient(135deg, #ffffff, #f8faff);
padding: 20px;
margin: 0 10px 20px;
@@ -300,16 +300,57 @@ h2 { color: #0056b3; margin-top: 32px; font-size: 1.6em; }
@media (max-width: 600px) {
.fab { right: 18px; width: 52px; height: 52px; font-size: 1.3em; }
.fab-refresh { bottom: 18px; }
h1 { font-size: 2em; }
h1 { font-size: 1.8em; }
.system-status { font-size: 0.4em; display: block; margin: 10px auto; width: fit-content; }
.task-status { padding: 4px 10px; font-size: 0.85em; }
.dashboard-stats { flex-direction: column; }
.stat-card { margin: 0 0 15px; min-width: 100%; }
/* Row layout for stat cards on mobile */
.dashboard-stats {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.stat-card {
flex: 0 0 22%;
margin: 0 1% 15px;
min-width: auto;
padding: 10px 5px;
}
.stat-card i {
font-size: 1.2em;
margin-bottom: 5px;
}
.stat-card span {
font-size: 1em;
margin-bottom: 2px;
}
.stat-label {
font-size: 0.7em;
}
.task-type-header { flex-direction: column; align-items: flex-start; }
.task-type-stats { margin-top: 10px; }
.task-card { padding: 15px; }
.task-header { flex-direction: column; align-items: flex-start; }
.task-status { margin-top: 8px; }
}
@media (max-width: 700px) {
.main-container { padding: 20px; margin: 20px; border-radius: 10px; }
.main-container { padding: 20px; margin: 15px; border-radius: 10px; }
.task-card { padding: 16px; }
h1:after { width: 60px; }
.task-type-name { font-size: 1.1em; }
.task-stat { font-size: 0.8em; padding: 3px 8px; }
}
/* Extra small devices */
@media (max-width: 400px) {
.stat-card {
flex: 0 0 46%;
margin: 0 2% 10px;
}
h1 { font-size: 1.5em; }
.main-container { padding: 15px; margin: 10px; }
}
.stat-card.selected {