Merge pull request #7865 from dataease/pr@dev-v2@style_panel

style: 仪表板编辑框样式调整

core/core-frontend/src/components/data-visualization/ComponentToolBar.vue

@@ -143,7 +143,7 @@ onUnmounted(() => {
   </el-row>
 </template>
 
-<style lang="less">
+<style scoped lang="less">
 .custom-main {
   display: flex;
   width: 100%;

core/core-frontend/src/components/data-visualization/canvas/ContextMenuDetails.vue

@@ -167,7 +167,11 @@ const composeDivider = computed(() => {
           placement="right-start"
           popper-class="context-menu-details"
         >
-          <li>对齐</li>
+          <li>
+            <div>
+              <span>对齐</span><el-icon><ArrowRight /></el-icon>
+            </div>
+          </li>
           <template #dropdown>
             <el-dropdown-menu>
               <el-dropdown-item style="width: 118px" @click="alignment('left')"
@@ -254,7 +258,7 @@ const composeDivider = computed(() => {
 
       i {
         position: absolute;
-        left: 30px;
+        right: 0px;
         top: 50%;
         transform: translate(-50%, -50%);
       }
@@ -268,5 +272,6 @@ const composeDivider = computed(() => {
 
 .custom-divider {
   border-color: #434343 !important;
+  margin: 0px;
 }
 </style>