feat&fix: add task recording endpoint, enhance video player support, and improve mobile responsiveness
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user