2 Commits
3 changed files with 19 additions and 19 deletions

No files matched your search

@@ -326,17 +326,17 @@ function onEpisodesCreated(): void {
.batch-upload-hint { .batch-upload-hint {
margin: 0 0 12px; margin: 0 0 12px;
color: var(--el-text-color-secondary);
font-size: 13px; font-size: 13px;
color: var(--el-text-color-secondary);
} }
.batch-upload-rejected { .batch-upload-rejected {
margin-bottom: 12px;
padding: 8px 12px; padding: 8px 12px;
border-radius: 6px; margin-bottom: 12px;
background: color-mix(in srgb, var(--el-color-danger) 8%, transparent);
color: var(--el-color-danger);
font-size: 12px; font-size: 12px;
color: var(--el-color-danger);
background: color-mix(in srgb, var(--el-color-danger) 8%, transparent);
border-radius: 6px;
} }
.batch-upload-rejected p { .batch-upload-rejected p {
@@ -348,12 +348,12 @@ function onEpisodesCreated(): void {
} }
.batch-upload-summary { .batch-upload-summary {
margin: 0 0 12px;
padding: 8px 12px; padding: 8px 12px;
border-radius: 6px; margin: 0 0 12px;
background: color-mix(in srgb, var(--el-color-success) 10%, transparent);
color: var(--el-text-color-primary);
font-size: 13px; font-size: 13px;
color: var(--el-text-color-primary);
background: color-mix(in srgb, var(--el-color-success) 10%, transparent);
border-radius: 6px;
} }
.batch-upload-list { .batch-upload-list {
@@ -202,9 +202,9 @@ function hasFailed(): boolean {
<style scoped> <style scoped>
.create-episode-hint { .create-episode-hint {
margin: 0 0 12px; margin: 0 0 12px;
color: var(--el-text-color-secondary);
font-size: 13px; font-size: 13px;
line-height: 1.5; line-height: 1.5;
color: var(--el-text-color-secondary);
} }
.create-episode-head, .create-episode-head,
@@ -229,8 +229,8 @@ function hasFailed(): boolean {
.create-episode-head { .create-episode-head {
margin-bottom: 8px; margin-bottom: 8px;
color: var(--el-text-color-secondary);
font-size: 12px; font-size: 12px;
color: var(--el-text-color-secondary);
} }
.create-episode-list { .create-episode-list {
@@ -253,8 +253,8 @@ function hasFailed(): boolean {
} }
.create-episode-result { .create-episode-result {
color: var(--el-text-color-secondary);
font-size: 12px; font-size: 12px;
color: var(--el-text-color-secondary);
} }
.create-episode-row.is-saved .create-episode-result { .create-episode-row.is-saved .create-episode-result {
@@ -100,10 +100,10 @@ const canRetry = computed(() => props.item.status === 'failed')
} }
.upload-task-row__index { .upload-task-row__index {
flex: 0 0 auto;
min-width: 1.5em; min-width: 1.5em;
color: var(--el-text-color-secondary);
font-size: 13px; font-size: 13px;
color: var(--el-text-color-secondary);
flex: 0 0 auto;
font-variant-numeric: tabular-nums; font-variant-numeric: tabular-nums;
} }
@@ -116,22 +116,22 @@ const canRetry = computed(() => props.item.status === 'failed')
.upload-task-row__error { .upload-task-row__error {
margin: 6px 0 0; margin: 6px 0 0;
color: var(--el-color-danger);
font-size: 12px; font-size: 12px;
color: var(--el-color-danger);
} }
.upload-task-row__actions { .upload-task-row__actions {
margin-top: 8px;
display: flex; display: flex;
margin-top: 8px;
margin-left: auto;
gap: 8px; gap: 8px;
justify-content: flex-end; justify-content: flex-end;
margin-left: auto;
} }
.upload-task-row.is-failed { .upload-task-row.is-failed {
padding-right: 8px;
padding-left: 8px;
background: color-mix(in srgb, var(--el-color-danger) 6%, transparent); background: color-mix(in srgb, var(--el-color-danger) 6%, transparent);
border-radius: 6px; border-radius: 6px;
padding-left: 8px;
padding-right: 8px;
} }
</style> </style>