diff options
Diffstat (limited to 'frontend/src/components/DatasetCard.svelte')
| -rw-r--r-- | frontend/src/components/DatasetCard.svelte | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/frontend/src/components/DatasetCard.svelte b/frontend/src/components/DatasetCard.svelte index 2d49e65..69083fb 100644 --- a/frontend/src/components/DatasetCard.svelte +++ b/frontend/src/components/DatasetCard.svelte @@ -153,7 +153,7 @@ </Table.Root> </div> {#if ds.status === 'failed'} - <div class="banner error" role="alert"><span aria-hidden="true">✕</span><span>{ds.error ?? '数据获取失败'}</span></div> + <Alert variant="destructive" class="bg-[var(--danger-soft)] border-[#f2c7c7]"><span aria-hidden="true">✕</span><span>{ds.error ?? '数据获取失败'}</span></Alert> <div class="retry-row"> <Button variant="outline" size="sm" disabled={recreateBusy || recreatedId !== null} @@ -181,28 +181,28 @@ {#if preview} {@const cov = summarizeCoverage(preview.coverage ?? [])} {#if cov.warnings.length > 0} - <div class="banner warn"><span aria-hidden="true">⚠</span><div> + <Alert variant="default" class="bg-[var(--warn-soft)] border-[#f0ddb4]"><span aria-hidden="true">⚠</span><div> <div class="cov-caption">覆盖差异（共有区间 {cov.common.start ?? '—'} ~ {cov.common.end ?? '—'}）：</div> <ul class="cov-list"> {#each cov.warnings as w, i (i)}<li>{w}</li>{/each} </ul> - </div></div> + </div></Alert> {/if} {#if (preview.coverage ?? []).some((c) => (c.warnings ?? []).length > 0)} - <div class="banner warn" role="alert"><span aria-hidden="true">⚠</span><div> + <Alert variant="default" class="bg-[var(--warn-soft)] border-[#f0ddb4]" role="alert"><span aria-hidden="true">⚠</span><div> <div class="cov-caption">来源与口径说明：</div> <ul class="cov-list"> {#each preview.coverage.filter((c) => (c.warnings ?? []).length > 0) as c (c.instrument)} <li>{c.instrument}：{(c.warnings ?? []).join('；')}</li> {/each} </ul> - </div></div> + </div></Alert> {/if} {#if cov.common.start && cov.warnings.length === 0} - <div class="banner info"> + <Alert variant="default" class="bg-[var(--brand-soft)] border-[#bfe9db]"> <span aria-hidden="true">✓</span> <span>覆盖平稳：共有可用区间 {cov.common.start} ~ {cov.common.end}。可以直接用于回测。</span> - </div> + </Alert> {/if} <div class="scrollx"> <Table.Root> |