feat: use DB logo; edit menu width (#391)

* feat: new logo * refactor: rename logo img * style: menu and logo width
GreptimeTeam · Dec 21, 2023 · 16d6f29 · 16d6f29
1 parent f4d4311
commit 16d6f29
Show file tree

Hide file tree

Showing 8 changed files with 18 additions and 19 deletions.
diff --git a/src/assets/images/logo-text.png b/src/assets/images/logo-text.png
diff --git a/src/assets/images/logo-text.svg b/src/assets/images/logo-text.svg
diff --git a/src/assets/logo.svg b/src/assets/logo.svg
diff --git a/src/components/navbar/index.vue b/src/components/navbar/index.vue
@@ -2,7 +2,7 @@
 a-layout.navbar
   a-layout-header
     .logo-space
-      img.logo-text-img(alt="logo" src="/src/assets/images/logo-text.png")
+      img.logo-text-img(alt="logo" src="/src/assets/images/logo-text.svg")
   a-layout-content
     .new-query
       a-button(type="primary" @click="openQuery")
@@ -107,12 +107,12 @@ a-layout.navbar
   }
 
   .logo-space {
-    height: 64px;
+    height: 60px;
     display: flex;
     align-items: center;
     justify-content: center;
     .logo-text-img {
-      height: 32px;
+      height: 30px;
     }
   }
 

diff --git a/src/layout/default-layout.vue b/src/layout/default-layout.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
 a-layout.layout-container
-  a-layout-sider.main-sider(:width="258")
+  a-layout-sider.main-sider(:width="242")
     Navbar(v-if="navbar")
   a-layout-content.layout-content
     PageLayout

diff --git a/src/views/dashboard/modules/data-view/components/data-chart.vue b/src/views/dashboard/modules/data-view/components/data-chart.vue
@@ -322,7 +322,7 @@ a-card(v-if="hasChart" :bordered="false")
   })
 
   const drawChart = () => {
-    const MENU_WIDTH = 258
+    const MENU_WIDTH = 242
     const modalElement = ref<any>()
     modalElement.value = document.getElementsByClassName('query-modal')[0]
     const isFullScreen = modalElement.value.classList?.contains('full-screen')

diff --git a/src/views/dashboard/modules/query-modal/index.vue b/src/views/dashboard/modules/query-modal/index.vue
@@ -42,7 +42,7 @@ a-modal.query-modal(
 
   const HEADER_HEIGHT = 60
   const MODAL_TO_TOP = 16
-  const MENU_WIDTH = 258
+  const MENU_WIDTH = 242
   const isFullscreen = ref(false)
   const isLeft = ref(false)
 

diff --git a/src/views/dashboard/query/index.vue b/src/views/dashboard/query/index.vue
@@ -19,7 +19,7 @@ a-layout.layout
   const { logs } = storeToRefs(useLogStore())
   const { getResultsByType } = useQueryCode()
 
-  const MENU_WIDTH = 258 + 16
+  const MENU_WIDTH = 242 + 16
   const MODAL_WIDTH = 636
   const OTHERS_WIDTH = `${MENU_WIDTH + MODAL_WIDTH}px`
   const RESIZE_BOX_WIDTH = 12