Revert "feat: 调整试卷缩放按钮和评卷模式标记的样式"

This reverts commit 13c411ff96bfa2096cd7cd6ce4408f085c7bc968.

src/components/ZoomPaper.vue

@@ -85,10 +85,10 @@ onUnmounted(() => {
 <style scoped>
 .zoom-container {
   z-index: 1001;
-  position: sticky;
+  position: fixed;
   background-color: rgba(0, 0, 0, 0.9);
   bottom: 10px;
-  left: calc(100% - 30px);
+  right: 320px;
   width: 40px;
   /* height: 100px; */
   padding: 10px 0;

src/features/mark/CommonMarkBody.vue

@@ -1,7 +1,7 @@
 <template>
   <div
     ref="dragContainer"
-    class="mark-body-container tw-flex-auto tw-p-2 tw-pt-0 tw-relative"
+    class="mark-body-container tw-flex-auto tw-p-2 tw-relative"
   >
     <div
       v-if="!store.currentTask"
@@ -13,7 +13,7 @@
     <div
       v-else-if="store.isScanImage"
       :style="{ width: answerPaperScale }"
-      :class="['tw-pt-2', `rotate-board-${rotateBoard}`]"
+      :class="[`rotate-board-${rotateBoard}`]"
     >
       <div
         v-for="(item, index) in sliceImagesWithTrackList"
@@ -38,7 +38,7 @@
       </div>
     </div>
     <div v-else-if="store.isMultiMedia">
-      <MultiMediaMarkBody class="tw-pt-2" />
+      <MultiMediaMarkBody />
     </div>
     <div v-else>impossible</div>
     <div v-if="markStatus" class="status-container">
@@ -752,9 +752,9 @@ function scrollToFirstScore() {
   border: 2px solid transparent;
 }
 .status-container {
-  position: sticky;
-  bottom: calc(100% - 50px);
-  left: calc(100% - 20px);
+  position: fixed;
+  top: 56px;
+  right: 340px;
   color: white;
   pointer-events: none;
   font-size: var(--app-title-font-size);