Browse Source

弹窗内边距调整

zhangjie 1 year ago
parent
commit
5e3a55242a
3 changed files with 12 additions and 12 deletions
  1. 3 3
      src/features/mark/AnswerModal.vue
  2. 1 1
      src/features/mark/SpecialTagModal.vue
  3. 8 8
      src/styles/page.less

+ 3 - 3
src/features/mark/AnswerModal.vue

@@ -1,9 +1,9 @@
 <template>
   <qm-dialog
     v-if="store.setting.uiSetting['answer.modal']"
-    top="15%"
-    width="700px"
-    height="400px"
+    top="10vh"
+    width="1200px"
+    height="600px"
     title="答案"
     @close="close"
   >

+ 1 - 1
src/features/mark/SpecialTagModal.vue

@@ -2,7 +2,7 @@
   <qm-dialog
     v-if="store.setting.uiSetting['specialTag.modal']"
     top="10%"
-    width="394px"
+    width="378px"
     height="192px"
     title="特殊标记"
     :enableResize="false"

+ 8 - 8
src/styles/page.less

@@ -933,7 +933,7 @@
 .board-track-dialog {
   &.qm-dialog {
     .qm-dialog-body {
-      padding: 8px 16px;
+      padding: 8px;
     }
     .mark-board-track {
       border: none;
@@ -1163,7 +1163,7 @@
   }
   .ant-modal-close {
     top: 24px;
-    right: 32px;
+    right: 24px;
     width: 24px;
     height: 24px;
     background-image: url(../assets/icons/icon-close.svg);
@@ -1178,7 +1178,7 @@
     }
   }
   .ant-modal-header {
-    padding: 24px 32px 0;
+    padding: 24px 24px 0;
     border: none;
 
     .ant-modal-title {
@@ -1189,10 +1189,10 @@
     }
   }
   .ant-modal-body {
-    padding: 24px 32px;
+    padding: 24px;
   }
   .ant-modal-footer {
-    padding: 0 32px 24px;
+    padding: 0 24px 24px;
     border: none;
   }
 }
@@ -1220,7 +1220,7 @@
   .qm-dialog-header {
     .flex-static;
     .flex-between;
-    padding: 24px 32px 0;
+    padding: 24px 24px 0;
     cursor: move;
 
     .qm-dialog-title {
@@ -1248,13 +1248,13 @@
     }
   }
   .qm-dialog-body {
-    padding: 24px 32px;
+    padding: 24px;
     flex-grow: 2;
     overflow: auto;
   }
   .qm-dialog-footer {
     .flex-static;
-    padding: 0 32px 24px;
+    padding: 0 24px 24px;
     border: none;
   }
 }