前端:优化 Manifest 视图文件显示

- 文件名区域改为左右布局
- 左侧显示文件名(如 000001.sst)
- 右侧显示级别标签(如 L0、L1)
- 添加级别标签样式,使用主题色背景
This commit is contained in:
2025-10-09 20:03:53 +08:00
parent c4d79bc54b
commit dd8a534931
43 changed files with 3142 additions and 761 deletions

View File

@@ -132,11 +132,27 @@ export class ManifestView extends LitElement {
}
.file-name {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 8px;
}
.file-name-text {
font-family: 'Courier New', monospace;
font-size: 13px;
color: var(--text-primary);
font-weight: 500;
margin-bottom: 8px;
}
.file-level-badge {
font-size: 11px;
padding: 2px 8px;
background: var(--primary-bg);
color: var(--primary);
border-radius: var(--radius-sm);
font-weight: 600;
font-family: 'Courier New', monospace;
}
.file-detail {
@@ -273,7 +289,10 @@ export class ManifestView extends LitElement {
<div class="file-list">
${level.files.map(file => html`
<div class="file-item">
<div class="file-name">${file.file_number}.sst</div>
<div class="file-name">
<span class="file-name-text">${file.file_number}.sst</span>
<span class="file-level-badge">L${level.level}</span>
</div>
<div class="file-detail">
<div class="file-detail-row">
<span>Size:</span>