style: 调整多个页面的tabs样式与图片预览弹窗配置

.trae/rules/git-commit-message.md

 ---
 alwaysApply: true
-scene: git_message
 ---
-
-在此处编写规则，自定义 AI 生成提交信息的风格。
 必须简洁明了，一眼能看出完成或修改或优化的内容，不要写详细描述，不要超过两行。
\ No newline at end of file

src/components/textEditor.vue

@@ -35,9 +35,7 @@
         title="查看大图"
         append-to-body
         center
-        width="600px"
-        top="0"
-        custom-class="watchImageDialog"
+         top="80%"
         :visible.sync="showScoleImage"
       >
         <div class="showScoleImageContent columnFlex allCenter" v-html="remark"></div>
@@ -201,26 +199,14 @@
     margin-top:10px;
     margin-right: 10px;
   }
-  .watchImageDialog {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    margin: 0 !important;
-    transform: translate(-50%, -50%);
-    max-width: 90vw;
-  }
-  .watchImageDialog .el-dialog__body {
-    max-height: 70vh;
-    overflow-y: auto;
-  }
   .showScoleImageContent{
     width: 100%;
     overflow: auto;
     line-height: 16px;
-
+  
   }
   .showScoleImageContent img{
-      max-width: 100%;
+      max-width: 80%;
       margin-bottom: 20px;
     }
   </style>

src/views/roleInfo.vue

@@ -68,7 +68,7 @@ export default {
     height: 100%;
 
     .el-tabs__header {
-      margin: 0px 15px 10px 15px !important;
+      // margin: 0px 15px 10px 15px !important;
       padding: 2px !important;
       background: #F5F6F7 !important;
       border-radius: 4px !important;

src/views/userInfo/userInfo.vue

@@ -96,7 +96,7 @@ export default {
 
     ::v-deep .el-tabs__header {
       margin-bottom: 15px;
-      padding: 0 10px;
+      padding: 0;
     }
 
     ::v-deep .el-tabs__nav-wrap::after {