diff --git a/src/components/StoryGallery.vue b/src/components/StoryGallery.vue index 5e797b8..dc6e120 100644 --- a/src/components/StoryGallery.vue +++ b/src/components/StoryGallery.vue @@ -500,17 +500,19 @@ const tree = computed(() => buildTreeForChapter(currentChapterId.value)) position: absolute; inset: 0; display: flex; - align-items: center; + align-items: flex-end; justify-content: center; z-index: 300; + padding-bottom: 72px; } .picker-panel { - background: rgba(12,12,18,0.94); + border: none; + background: rgba(12,12,18,0.82); backdrop-filter: blur(8px); border-radius: 16px; 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 {