fix style

src/features/OnlineExam/Examing/BooleanQuestionView.vue

@@ -84,9 +84,11 @@ const optionWithNames = { true: "正确", false: "错误" };
     </div>
     <div class="reset">
       <span v-if="store.examShouldShowAnswer">
-        <n-button type="success" @click="toggleShowAnswer"> 显示答案 </n-button>
+        <n-button type="success" @click="toggleShowAnswer">
+          {{ isShowAnswer ? "隐藏" : "显示" }}答案
+        </n-button>
       </span>
-      <div v-if="isShowAnswer">
+      <div class="tw-mt-2" v-if="isShowAnswer">
         正确答案：
         <div>
           {{ optionWithNames[examQuestion.rightAnswer] }}

src/features/OnlineExam/Examing/ChoiceQuestionView.vue

@@ -139,9 +139,11 @@ function answerQuestion(studentAnswer: string) {
     </div>
     <div v-if="store.examShouldShowAnswer" class="reset">
       <span>
-        <n-button type="success" @click="toggleShowAnswer"> 显示答案 </n-button>
+        <n-button type="success" @click="toggleShowAnswer">
+          {{ isShowAnswer ? "隐藏" : "显示" }}答案
+        </n-button>
       </span>
-      <div v-if="isShowAnswer">
+      <div class="tw-mt-2" v-if="isShowAnswer">
         正确答案：
         <div>{{ rightAnswerTransform }}</div>
       </div>

src/features/OnlineExam/Examing/FillBlankQuestionView.vue

@@ -72,9 +72,11 @@ function inputAnswer(e: Event, index: number) {
     </div>
     <div class="reset">
       <span v-if="store.examShouldShowAnswer">
-        <n-button type="success" @click="toggleShowAnswer"> 显示答案 </n-button>
+        <n-button type="success" @click="toggleShowAnswer">
+          {{ isShowAnswer ? "隐藏" : "显示" }}答案
+        </n-button>
       </span>
-      <div v-if="isShowAnswer">
+      <div class="tw-mt-2" v-if="isShowAnswer">
         正确答案：
         <div class="right-answer-section" v-html="rightAnswerTransform"></div>
       </div>
@@ -104,11 +106,13 @@ function inputAnswer(e: Event, index: number) {
   line-height: 24px;
 }
 .input-answer {
-  width: 400px;
+  min-width: 400px;
+  max-width: 800px;
+  width: 100%;
   height: 30px;
   border: 1px solid black;
   border-radius: 5px;
-  padding: 0px 2px;
+  padding: 0px 4px;
 }
 .question-options {
   padding-right: 10px;

src/features/OnlineExam/Examing/TextQuestionView.vue

@@ -471,10 +471,10 @@ function photosReseted(urls: string[]) {
       <div class="reset" style="padding-top: 20px">
         <span v-if="store.examShouldShowAnswer">
           <n-button type="success" @click="toggleShowAnswer">
-            显示答案
+            {{ isShowAnswer ? "隐藏" : "显示" }}答案
           </n-button>
         </span>
-        <div v-if="isShowAnswer">
+        <div class="tw-mt-2" v-if="isShowAnswer">
           正确答案：
           <div class="right-answer-section" v-html="rightAnswerTransform"></div>
         </div>
@@ -508,7 +508,7 @@ function photosReseted(urls: string[]) {
   max-width: 500px;
   min-height: 300px;
   border: 1px solid grey;
-  padding: 2px;
+  padding: 4px;
 }
 
 .audio-answer {