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 {
|
.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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user