From 829a99a73222557fcdf48feb19d6b4fa0963c593 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=92=AC=E8=BD=AE=E7=8C=AB?= <10928033@qq.com>
Date: Wed, 15 Feb 2023 20:48:31 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=B7=A6=E4=BE=A7?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../webtopo-svg-edit/components/left-panel/index.vue         | 5 +++--
 src/components/webtopo-svg-edit/index.vue                    | 2 +-
 src/components/webtopo-svg-preview/index.vue                 | 2 +-
 src/store/config/index.ts                                    | 2 +-
 src/views/demo/edit-load.vue                                 | 2 +-
 src/views/demo/preview-test.vue                              | 2 +-
 src/views/demo/set-node-attr.vue                             | 2 +-
 7 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/components/webtopo-svg-edit/components/left-panel/index.vue b/src/components/webtopo-svg-edit/components/left-panel/index.vue
index 94de59f..e089c30 100644
--- a/src/components/webtopo-svg-edit/components/left-panel/index.vue
+++ b/src/components/webtopo-svg-edit/components/left-panel/index.vue
@@ -18,7 +18,7 @@
         <template #title>
           <div style="font-weight: bolder">{{ item.title }}</div>
         </template>
-        <div class="component-group flex flex-warp">
+        <div class="component-group flex flex-wrap">
           <div
             v-for="svg_item in item.list"
             class="ideal"
@@ -94,12 +94,13 @@
 </script>
 <style scoped lang="less">
   .component-item {
-    width: 100px;
+    width: 110px;
     height: 30px;
     border: 1px solid #f0f0f0;
     border-radius: 4px;
     box-sizing: border-box;
     overflow: hidden;
+    margin-bottom: 5px;
 
     &:hover {
       cursor: move;
diff --git a/src/components/webtopo-svg-edit/index.vue b/src/components/webtopo-svg-edit/index.vue
index f7e8b7c..dcaf9ce 100644
--- a/src/components/webtopo-svg-edit/index.vue
+++ b/src/components/webtopo-svg-edit/index.vue
@@ -147,7 +147,7 @@
     }
 
     .side-nav {
-      @showLeftNavWidth: 240px;
+      @showLeftNavWidth: 260px;
       @hideLeftNavWidth: 0px;
       position: relative;
       overflow: inherit;
diff --git a/src/components/webtopo-svg-preview/index.vue b/src/components/webtopo-svg-preview/index.vue
index 62fef30..16a5372 100644
--- a/src/components/webtopo-svg-preview/index.vue
+++ b/src/components/webtopo-svg-preview/index.vue
@@ -129,7 +129,7 @@
         background_color: '#fff',
         scale: 1,
         position_center: {
-          x: -295,
+          x: -315,
           y: -95
         },
         svg_position_center: {
diff --git a/src/store/config/index.ts b/src/store/config/index.ts
index cffab9a..7a10e42 100644
--- a/src/store/config/index.ts
+++ b/src/store/config/index.ts
@@ -10,7 +10,7 @@ export const useConfigStore = defineStore('config-store', {
         background_color: '#fff',
         scale: 1,
         position_center: {
-          x: -295,
+          x: -315,
           y: -95
         },
         svg_position_center: {
diff --git a/src/views/demo/edit-load.vue b/src/views/demo/edit-load.vue
index b8fae5a..8e8b728 100644
--- a/src/views/demo/edit-load.vue
+++ b/src/views/demo/edit-load.vue
@@ -22,7 +22,7 @@
         background_color: '#fff',
         scale: 1,
         position_center: {
-          x: -295,
+          x: -315,
           y: -95
         },
         svg_position_center: {
diff --git a/src/views/demo/preview-test.vue b/src/views/demo/preview-test.vue
index 9bfea99..702f968 100644
--- a/src/views/demo/preview-test.vue
+++ b/src/views/demo/preview-test.vue
@@ -15,7 +15,7 @@
       background_color: '#fff',
       scale: 1,
       position_center: {
-        x: -295,
+        x: -315,
         y: -95
       },
       svg_position_center: {
diff --git a/src/views/demo/set-node-attr.vue b/src/views/demo/set-node-attr.vue
index 564bbfc..523bf82 100644
--- a/src/views/demo/set-node-attr.vue
+++ b/src/views/demo/set-node-attr.vue
@@ -24,7 +24,7 @@
       background_color: '#fff',
       scale: 1,
       position_center: {
-        x: -295,
+        x: -315,
         y: -95
       },
       svg_position_center: {