Add podgrab featureset
This commit is contained in:
parent
095bf52a2f
commit
233dd5b5c0
33 changed files with 2315 additions and 125 deletions
|
@ -208,6 +208,42 @@ html, body {
|
|||
background-color: #0d1117;
|
||||
}
|
||||
|
||||
/* Stats Grid and Cards */
|
||||
.stats-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
|
||||
gap: 16px;
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.stat-card {
|
||||
background-color: #161b22;
|
||||
border: 1px solid #30363d;
|
||||
border-radius: 6px;
|
||||
padding: 16px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.stat-card h3 {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: #f0f6fc;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.stat-value {
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
color: #58a6ff;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.stat-subtitle {
|
||||
font-size: 11px;
|
||||
color: #7d8590;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
/* Data Table */
|
||||
.data-table {
|
||||
width: 100%;
|
||||
|
@ -566,6 +602,7 @@ html, body {
|
|||
border: 1px solid #30363d;
|
||||
border-radius: 6px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.season-header {
|
||||
|
@ -576,12 +613,19 @@ html, body {
|
|||
background-color: #161b22;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
transition: background-color 0.2s ease;
|
||||
}
|
||||
|
||||
.season-header:hover {
|
||||
background-color: #1f2937;
|
||||
}
|
||||
|
||||
.season-header h3 {
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
color: #f0f6fc;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.episode-count {
|
||||
|
@ -592,13 +636,15 @@ html, body {
|
|||
}
|
||||
|
||||
.toggle-icon {
|
||||
font-size: 12px;
|
||||
color: #7d8590;
|
||||
font-size: 14px;
|
||||
color: #58a6ff;
|
||||
transition: transform 0.2s ease;
|
||||
}
|
||||
|
||||
.season-content {
|
||||
display: none;
|
||||
background-color: #0d1117;
|
||||
border-top: 1px solid #30363d;
|
||||
}
|
||||
|
||||
/* Explicit Badge */
|
||||
|
@ -635,3 +681,125 @@ html, body {
|
|||
::-webkit-scrollbar-thumb:hover {
|
||||
background: #484f58;
|
||||
}
|
||||
|
||||
/* Task Page Styles */
|
||||
.section {
|
||||
margin-bottom: 24px;
|
||||
padding: 0 16px;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: #f0f6fc;
|
||||
margin: 16px 0;
|
||||
padding-bottom: 8px;
|
||||
border-bottom: 1px solid #30363d;
|
||||
}
|
||||
|
||||
.task-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.task-card {
|
||||
background-color: #161b22;
|
||||
border: 1px solid #30363d;
|
||||
border-radius: 6px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.task-card.task-failed {
|
||||
border-left: 3px solid #f85149;
|
||||
}
|
||||
|
||||
.task-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 12px 16px;
|
||||
background-color: #21262d;
|
||||
border-bottom: 1px solid #30363d;
|
||||
}
|
||||
|
||||
.task-title {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: #f0f6fc;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.task-status {
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
padding: 2px 6px;
|
||||
border-radius: 3px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.status-running {
|
||||
background-color: rgba(46, 160, 67, 0.15);
|
||||
color: #3fb950;
|
||||
border: 1px solid rgba(46, 160, 67, 0.4);
|
||||
}
|
||||
|
||||
.status-pending {
|
||||
background-color: rgba(187, 128, 9, 0.15);
|
||||
color: #d29922;
|
||||
border: 1px solid rgba(187, 128, 9, 0.4);
|
||||
}
|
||||
|
||||
.status-completed {
|
||||
background-color: rgba(46, 160, 67, 0.15);
|
||||
color: #3fb950;
|
||||
border: 1px solid rgba(46, 160, 67, 0.4);
|
||||
}
|
||||
|
||||
.status-failed {
|
||||
background-color: rgba(248, 81, 73, 0.15);
|
||||
color: #f85149;
|
||||
border: 1px solid rgba(248, 81, 73, 0.4);
|
||||
}
|
||||
|
||||
.task-details {
|
||||
padding: 12px 16px;
|
||||
}
|
||||
|
||||
.task-message {
|
||||
font-size: 12px;
|
||||
color: #c9d1d9;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.task-error {
|
||||
font-size: 12px;
|
||||
color: #f85149;
|
||||
margin-bottom: 8px;
|
||||
padding: 8px;
|
||||
background-color: rgba(248, 81, 73, 0.1);
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.task-meta {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 12px;
|
||||
margin-top: 12px;
|
||||
font-size: 11px;
|
||||
color: #7d8590;
|
||||
}
|
||||
|
||||
.progress-bar {
|
||||
height: 4px;
|
||||
background-color: #30363d;
|
||||
border-radius: 2px;
|
||||
overflow: hidden;
|
||||
margin: 8px 0;
|
||||
}
|
||||
|
||||
.progress-fill {
|
||||
height: 100%;
|
||||
background-color: #3fb950;
|
||||
width: 0;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue