From e7af4a865963b00c40e5df6a04f347990202c082 Mon Sep 17 00:00:00 2001
From: cocos02 <cocos02@163.com>
Date: Fri, 12 Jun 2026 19:46:11 +0800
Subject: [PATCH] fix: hide bottom bar when choices panel is visible

---
 src/App.vue                    | 1 +
 src/components/PlaybackBar.vue | 5 +++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 4aa7b6b..027739b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -346,6 +346,7 @@ init()
         :current-speed="currentSpeed"
         :visible="showTopBar"
         :show-quality="!isLocalMode"
+        :hide="store.choices.length > 0"
         @skip="handleSkip"
         @speed-change="handleSpeedChange"
       />
diff --git a/src/components/PlaybackBar.vue b/src/components/PlaybackBar.vue
index d146a07..e1702a4 100644
--- a/src/components/PlaybackBar.vue
+++ b/src/components/PlaybackBar.vue
@@ -11,6 +11,7 @@ const props = defineProps<{
   currentSpeed: number
   visible: boolean
   showQuality: boolean
+  hide: boolean
 }>()
 
 const emit = defineEmits<{
@@ -35,12 +36,12 @@ onMounted(() => updateLabel(props.currentSpeed))
 </script>
 
 <template>
-  <div class="bottom-bar left" :class="{ hidden: !visible }">
+  <div class="bottom-bar left" :class="{ hidden: !visible }" v-if="!hide">
     <button v-if="canSkip" class="bb-btn skip-btn" @click="emit('skip')">{{ t('ui.skip') }}</button>
     <button class="bb-btn" @click="toggleSpeed">{{ speedLabel }}</button>
   </div>
 
-  <div v-if="showQuality" class="bottom-bar right" :class="{ hidden: !visible }">
+  <div v-if="showQuality && !hide" class="bottom-bar right" :class="{ hidden: !visible }">
     <select class="bb-select" :value="store.preferredQuality" @change="store.setPreferredQuality(($event.target as HTMLSelectElement).value)">
       <option value="">自动</option>
       <option value="超清 (1080P)">超清 (1080P)</option>