fix: center chapter picker overlay, remove panel border, add backdrop blur

This commit is contained in:
2026-06-12 12:56:38 +08:00
parent c8eb433083
commit 1499476301

View File

@@ -498,17 +498,19 @@ const tree = computed(() => buildTreeForChapter(currentChapterId.value))
.chapter-picker { .chapter-picker {
position: absolute; position: absolute;
bottom: 56px; inset: 0;
right: 20px; display: flex;
align-items: center;
justify-content: center;
z-index: 300; z-index: 300;
} }
.picker-panel { .picker-panel {
background: #12121a; background: rgba(12,12,18,0.94);
border: 1px solid rgba(201,168,76,0.15); backdrop-filter: blur(8px);
border-radius: 12px; border-radius: 16px;
padding: 24px 28px; padding: 28px 32px;
box-shadow: 0 8px 32px rgba(0,0,0,0.6); box-shadow: 0 4px 24px rgba(0,0,0,0.4);
} }
.picker-title { .picker-title {