From 182feacd94760d4c754b83f3c89ff3b050a88ff6 Mon Sep 17 00:00:00 2001
From: cocos02 <cocos02@163.com>
Date: Fri, 12 Jun 2026 13:12:59 +0800
Subject: [PATCH] fix: float footer details above progress bar, always visible

---
 src/components/StoryGallery.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/StoryGallery.vue b/src/components/StoryGallery.vue
index 94e2a24..bfc11fd 100644
--- a/src/components/StoryGallery.vue
+++ b/src/components/StoryGallery.vue
@@ -367,6 +367,7 @@ const tree = computed(() => buildTreeForChapter(currentChapterId.value))
 }
 
 .footer-left {
+  position: relative;
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -393,6 +394,9 @@ const tree = computed(() => buildTreeForChapter(currentChapterId.value))
 }
 
 .footer-details {
+  position: absolute;
+  bottom: 100%;
+  left: 20px;
   display: flex;
   align-items: center;
   gap: 16px;