refactor(desktop): replace the tree view menu icon

emqx · Oct 22, 2024 · d00d79a · d00d79a
1 parent 46e1eec
commit d00d79a
Show file tree

Hide file tree

Showing 7 changed files with 80 additions and 16 deletions.
diff --git a/src/assets/font/iconfont.css b/src/assets/font/iconfont.css
@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 1257443 */
-  src: url('iconfont.woff2?t=1711556341747') format('woff2'),
-       url('iconfont.woff?t=1711556341747') format('woff'),
-       url('iconfont.ttf?t=1711556341747') format('truetype');
+  src: url('iconfont.woff2?t=1729587706168') format('woff2'),
+       url('iconfont.woff?t=1729587706168') format('woff'),
+       url('iconfont.ttf?t=1729587706168') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-tree-view:before {
+  content: "\e803";
+}
+
 .icon-save:before {
   content: "\e802";
 }
@@ -49,10 +53,6 @@
   content: "\e7ed";
 }
 
-.icon-viewer:before {
-  content: "\e7fc";
-}
-
 .icon-backup:before {
   content: "\e7f1";
 }

diff --git a/src/assets/font/iconfont.js b/src/assets/font/iconfont.js
diff --git a/src/assets/font/iconfont.json b/src/assets/font/iconfont.json
@@ -5,6 +5,13 @@
   "css_prefix_text": "icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "42190193",
+      "name": "tree-view",
+      "font_class": "tree-view",
+      "unicode": "e803",
+      "unicode_decimal": 59395
+    },
     {
       "icon_id": "39719291",
       "name": "save",
@@ -68,13 +75,6 @@
       "unicode": "e7ed",
       "unicode_decimal": 59373
     },
-    {
-      "icon_id": "39113445",
-      "name": "viewer",
-      "font_class": "viewer",
-      "unicode": "e7fc",
-      "unicode_decimal": 59388
-    },
     {
       "icon_id": "39111040",
       "name": "backup",

diff --git a/src/assets/font/iconfont.ttf b/src/assets/font/iconfont.ttf
diff --git a/src/assets/font/iconfont.woff b/src/assets/font/iconfont.woff
diff --git a/src/assets/font/iconfont.woff2 b/src/assets/font/iconfont.woff2
diff --git a/src/components/Leftbar.vue b/src/components/Leftbar.vue
@@ -41,7 +41,7 @@ export default class Leftbar extends Vue {
   private menuItems: MenuItem[] = [
     { path: '/recent_connections', icon: 'icon-connections', name: 'Connections' },
     { path: '/recent_connections/0', icon: 'icon-new', query: { oper: 'create' }, name: 'ConnectionDetails' },
-    { path: '/viewer', icon: 'icon-viewer' },
+    { path: '/viewer', icon: 'icon-tree-view' },
     { path: '/script', icon: 'icon-script' },
     { path: '/log', icon: 'icon-log' },
   ]