style(仪表板、数据大屏): 图片组样式调整 (#16607)

core/core-frontend/src/custom-component/picture-group/Attr.vue

@@ -81,13 +81,4 @@ const { curComponent, canvasViewInfo, mobileInPc, batchOptStatus } = storeToRefs
     justify-content: flex-start;
   }
 }
-
-.refresh-area {
-  width: 100%;
-  padding: 0 8px;
-
-  .no-margin-bottom {
-    margin-bottom: 8px;
-  }
-}
 </style>

core/core-frontend/src/custom-component/picture-group/PictureGroupUploadAttr.vue

@@ -175,7 +175,11 @@ onBeforeUnmount(() => {
       </el-form-item>
     </el-row>
     <el-row v-if="view" class="refresh-area">
-      <el-form-item class="form-item no-margin-bottom" :class="'form-item-' + themes">
+      <el-form-item
+        style="width: 100%"
+        class="form-item no-margin-bottom"
+        :class="'form-item-' + themes"
+      >
         <el-checkbox
           v-model="view.refreshViewEnable"
           :effect="themes"
@@ -185,7 +189,7 @@ onBeforeUnmount(() => {
           {{ t('visualization.refresh_frequency') }}
         </el-checkbox>
       </el-form-item>
-      <el-row v-if="view.refreshViewEnable">
+      <el-row style="width: 100%" v-if="view.refreshViewEnable">
         <el-form-item
           class="form-item no-margin-bottom select-append"
           :class="'form-item-' + themes"
@@ -380,5 +384,6 @@ onBeforeUnmount(() => {
 
 .refresh-area {
   width: 100%;
+  padding: 0;
 }
 </style>