优化分享海报弹框样式

src/modules/viewer/components/player/chapterPlayer.vue

@@ -34,8 +34,8 @@
       </em>
       <em :class="skipClass" @click="toggleSkip">{{ $t('viewerPlayer.skipTitle') }}</em>
     </div>
-    <el-dialog :visible.sync="dialogVisible" width="700px" top="60px">
-      <iframe :src="sharePageUrl" style="width:100%;height:800px;border:0;"></iframe>
+    <el-dialog :visible.sync="dialogVisible" width="600px" top="0">
+      <iframe :src="sharePageUrl" style="display:block;width:100%;height:720px;border:0;"></iframe>
     </el-dialog>
   </div>
 </template>
@@ -355,12 +355,13 @@ export default {
 ::v-deep .el-dialog {
   background-color: #3f3f3f;
   border-radius: 10px;
+  overflow: hidden;
 }
 ::v-deep .el-dialog__header {
-  min-height: 30px;
+  min-height: 24px;
 }
 ::v-deep .el-dialog__headerbtn .el-dialog__close {
-  font-size: 30px;
+  font-size: 24px;
 }
 ::v-deep .el-dialog__body {
   padding: 0;