64 lines
2.3 KiB
CSS
64 lines
2.3 KiB
CSS
body { font-family: Arial, sans-serif; margin: 0; padding: 20px; line-height: 1.6; }
|
|
h1, h2, h3 { margin-top: 20px; }
|
|
.task-type { margin-bottom: 30px; }
|
|
.task-card { border: 1px solid #ddd; padding: 15px; margin-bottom: 15px; border-radius: 5px; }
|
|
.task-header { display: flex; justify-content: space-between; margin-bottom: 10px; }
|
|
.task-title { margin: 0; font-size: 1.1em; font-weight: bold; }
|
|
.task-status { padding: 3px 8px; border-radius: 3px; font-size: 0.9em; }
|
|
.status-not-started { background-color: #f0f0f0; }
|
|
.status-preparing { background-color: #fff3cd; }
|
|
.status-running { background-color: #cce5ff; }
|
|
.status-completed { background-color: #d4edda; }
|
|
.status-error { background-color: #f8d7da; color: #721c24; }
|
|
.task-details { margin-top: 10px; }
|
|
.progress-bar { height: 10px; background-color: #e9ecef; border-radius: 5px; margin-top: 5px; overflow: hidden; }
|
|
.progress-fill { height: 100%; background-color: #007bff; width: 0%; }
|
|
.task-actions { margin-top: 15px; }
|
|
.btn { padding: 5px 10px; background-color: #007bff; color: white; border: none; border-radius: 3px; cursor: pointer; text-decoration: none; display: inline-block; }
|
|
.btn:hover { background-color: #0069d9; }
|
|
.btn-warning { background-color: #ffc107; color: #212529; }
|
|
.btn-warning:hover { background-color: #e0a800; }
|
|
.btn:disabled { background-color: #6c757d; cursor: not-allowed; }
|
|
.config-actions { margin-top: 15px; padding-top: 10px; border-top: 1px solid #eee; }
|
|
.config-actions .btn { width: 100%; }
|
|
|
|
/* Collapsible config args styling */
|
|
.config-collapsible { margin-top: 10px; }
|
|
.config-collapsible-header {
|
|
cursor: pointer;
|
|
padding: 8px 0;
|
|
border-bottom: 1px solid #eee;
|
|
display: flex;
|
|
align-items: center;
|
|
font-weight: 500;
|
|
color: #666;
|
|
}
|
|
.config-collapsible-header:hover { color: #333; }
|
|
.config-collapsible-header i {
|
|
margin-right: 8px;
|
|
transition: transform 0.2s ease;
|
|
font-size: 12px;
|
|
}
|
|
.config-collapsible-content {
|
|
display: none;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
/* Fix config item spacing */
|
|
.config-item {
|
|
margin-bottom: 8px;
|
|
padding: 4px 0;
|
|
}
|
|
.config-item:last-child { margin-bottom: 0; }
|
|
.config-label {
|
|
font-weight: 500;
|
|
color: #555;
|
|
margin-right: 8px;
|
|
}
|
|
.config-value {
|
|
color: #333;
|
|
word-break: break-word;
|
|
}
|
|
.refresh-btn { float: right; margin-top: 10px; }
|
|
.timestamp { font-size: 0.8em; color: #666; }
|