Browse Source

fix 没有摄像头的答题导航高度

Michael Wang 5 years ago
parent
commit
2bc52518d7
1 changed files with 3 additions and 17 deletions
  1. 3 17
      src/features/OnlineExam/Examing/ExamingHome.vue

+ 3 - 17
src/features/OnlineExam/Examing/ExamingHome.vue

@@ -17,8 +17,8 @@
         :next-question-order="nextQuestionOrder"
       ></ArrowNavView>
     </div>
-    <div :class="['side', 'side-row-size']">
-      <div :class="['question-nav', !faceEnable && 'question-nav-long']">
+    <div :class="['side']">
+      <div :class="['question-nav']">
         <QuestionNavView :paper-struct="paperStruct" />
       </div>
       <div v-if="faceEnable" class="camera">
@@ -748,26 +748,15 @@ export default {
 .side {
   display: grid;
   grid-area: side;
-  grid-template-rows: 1fr 300px;
-  background-color: #f5f5f5;
-}
-
-.side-row-size {
   grid-template-rows: 1fr;
+  background-color: #f5f5f5;
 }
 
 .question-nav {
   overflow-y: scroll;
-  max-height: calc(100vh - 300px);
-}
-
-.question-nav-long {
-  max-height: calc(100vh - 100px);
 }
 
 .camera {
-  align-self: flex-end;
-  justify-self: flex-end;
   z-index: 100;
   height: 300px;
 }
@@ -779,9 +768,6 @@ export default {
   .header {
     height: 50px;
   }
-  .side {
-    grid-template-rows: minmax(0, 1fr) 300px;
-  }
 }
 </style>