feat: upload file for offline icons (#376)

* feat: upload file for offline icons * fix: script module
GreptimeTeam · Dec 6, 2023 · 1887a78 · 1887a78
1 parent 584b528
commit 1887a78
Show file tree

Hide file tree

Showing 7 changed files with 13 additions and 5 deletions.
diff --git a/.eslintignore b/.eslintignore
@@ -1,3 +1,4 @@
 /*.json
 /*.js
-dist
+dist
+**/icons.js
diff --git a/.prettierignore b/.prettierignore
@@ -2,6 +2,7 @@
 .local
 .output.js
 /node_modules/**
+**/icons.js
 
 **/*.svg
 **/*.sh
diff --git a/index.html b/index.html
@@ -8,7 +8,7 @@
   </head>
 
   <body>
-    <script src="https://lf1-cdn-tos.bytegoofy.com/obj/iconpark/svg_29317_89.c672ae51c9115027542a12041e4036ea.js"></script>
+    <script type="module" src="/src/assets/icons.js"></script>
     <div id="app"></div>
     <script type="module" src="/src/main.ts"></script>
   </body>

diff --git a/src/assets/icons.js b/src/assets/icons.js
diff --git a/src/views/dashboard/modules/data-view/index.vue b/src/views/dashboard/modules/data-view/index.vue
@@ -21,14 +21,14 @@ a-tabs.result-tabs(
         a-tab-pane(v-if="useDataChart(result).hasChart.value" key="chart" :title="$t('dashboard.chart')")
           template(#title)
             a-space(size="mini")
-              svg.icon-20
+              svg.icon-18
                 use(href="#chart")
               | {{ $t('dashboard.chart') }}
           DataChart(:data="result" :has-header="false")
         a-tab-pane(key="table" :title="$t('dashboard.table')")
           template(#title)
             a-space(size="mini")
-              svg.icon-20
+              svg.icon-16
                 use(href="#table")
               | {{ $t('dashboard.table') }}
           DataGrid(:data="result" :has-header="false")
@@ -87,5 +87,9 @@ a-tabs.result-tabs(
     > .arco-tabs-content > .arco-tabs-content-list > .arco-tabs-content-item {
       padding: 10px 0;
     }
+
+    .arco-tabs-nav-tab-list {
+      display: flex;
+    }
   }
 </style>
diff --git a/src/views/dashboard/modules/query-modal/index.vue b/src/views/dashboard/modules/query-modal/index.vue
@@ -183,6 +183,7 @@ a-modal.query-modal(
               display: flex;
               font-size: 16px;
               height: 20px;
+              align-items: center;
 
               &::before {
                 border-radius: 4px;

diff --git a/src/views/dashboard/status/index.vue b/src/views/dashboard/status/index.vue
@@ -3,7 +3,7 @@ a-layout.layout.status
   a-layout-content
     a-card(title="GreptimeDB Status")
       template(#extra)
-        a-button(type="text" @click="refreshStatus") refresh
+        a-button(type="text" @click="refreshStatus") Refresh
         TextCopyable(
           v-if="statusInfoRef && statusInfoRef.length > 0"
           copyTooltip="Copy to Clipboard"