Add podgrab featureset

This commit is contained in:
Cody Cook 2025-06-16 22:55:39 -07:00
commit 233dd5b5c0
33 changed files with 2315 additions and 125 deletions

View file

@ -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;
}