fix: bottom-align chapter picker, remove border, increase transparency
This commit is contained in:
@@ -500,17 +500,19 @@ const tree = computed(() => buildTreeForChapter(currentChapterId.value))
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
inset: 0;
|
inset: 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: flex-end;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
z-index: 300;
|
z-index: 300;
|
||||||
|
padding-bottom: 72px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.picker-panel {
|
.picker-panel {
|
||||||
background: rgba(12,12,18,0.94);
|
border: none;
|
||||||
|
background: rgba(12,12,18,0.82);
|
||||||
backdrop-filter: blur(8px);
|
backdrop-filter: blur(8px);
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
padding: 28px 32px;
|
padding: 28px 32px;
|
||||||
box-shadow: 0 4px 24px rgba(0,0,0,0.4);
|
box-shadow: 0 -1px 12px rgba(0,0,0,0.25);
|
||||||
}
|
}
|
||||||
|
|
||||||
.picker-title {
|
.picker-title {
|
||||||
|
|||||||
Reference in New Issue
Block a user