fix: update bottom shortcuts tips style

Torstentjh · Mar 29, 2024 · 31c2475 · 31c2475
1 parent 2746777
commit 31c2475
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/apps/client/components/main/Tips.vue b/apps/client/components/main/Tips.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="absolute left-0 right-0 bottom-[12vh] flex flex-col items-center">
-    <div class="w-[210px] mb-4">
+    <div class="mb-4">
       <button
         class="tip-btn"
         @click="playSound"
@@ -9,7 +9,7 @@
       </button>
       <span class="ml-2">播放发音</span>
     </div>
-    <div class="w-[210px] mb-4">
+    <div class="mb-4">
       <button
         class="tip-btn"
         @click="toggleGameMode"
@@ -18,7 +18,7 @@
       </button>
       <span class="ml-2">{{ toggleTipText }}</span>
     </div>
-    <div class="w-[210px] mb-4">
+    <div class="mb-4">
       <button
         class="mr-1 tip-btn"
         @click="goToPreviousQuestion"
@@ -27,7 +27,7 @@
       </button>
       <span class="ml-2">上一题</span>
     </div>
-    <div class="w-[210px] mb-4">
+    <div class="mb-4">
       <button
         class="mr-1 tip-btn"
         @click="goToNextQuestion"
@@ -36,7 +36,7 @@
       </button>
       <span class="ml-2">下一题</span>
     </div>
-    <div class="w-[210px]">
+    <div>
       <button class="tip-btn">Space</button>
       <span class="ml-2">{{ spaceTipText }} </span>
     </div>
@@ -73,9 +73,9 @@ const toggleTipText = computed(() => {
     text = "再来一次";
   } else {
     if (isAnswerTip()) {
-      text = "关闭答案预览面板";
+      text = "隐藏答案";
     } else {
-      text = "显示答案预览面板";
+      text = "显示答案";
     }
   }
   return text;