diff --git a/src/components/common/preview/index.vue b/src/components/common/preview/index.vue
index caca7cf2..2aa0b5ab 100644
--- a/src/components/common/preview/index.vue
+++ b/src/components/common/preview/index.vue
@@ -1,11 +1,11 @@
 <template>
-    <el-dialog v-model="dialog_visible" class="radius-lg diy-preview" width="1168" :close-on-click-modal="false" append-to-body>
+    <el-dialog v-model="dialog_visible" class="radius-lg dialog-center oh" width="1168" :close-on-click-modal="false" append-to-body>
         <template #header>
             <div class="title re">
                 <div class="middle size-16 fw">预览</div>
             </div>
         </template>
-        <div class="flex-row iframe-content">
+        <div class="flex-row iframe-content oh">
             <iframe :src="new_link" width="100%" height="100%" frameborder="0"></iframe>
         </div>
     </el-dialog>
diff --git a/src/styles/index.scss b/src/styles/index.scss
index eb432608..33388712 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -214,7 +214,7 @@ p {
 }
 
 // 弹窗样式调整
-.diy-preview.el-dialog {
+.dialog-center.el-dialog {
     --el-dialog-margin-top: 0;
     display: flex;
     flex-direction: column;
@@ -223,6 +223,6 @@ p {
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
-    max-height: calc(100% - 30px);
-    max-width: calc(100% - 30px);
+    max-height: calc(100% - 3rem);
+    max-width: calc(100% - 3rem);
 }