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