From 04bd7adbd01e51f3d8ed8e32316d0e41a1fd99a7 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Thu, 1 Sep 2022 14:32:27 +0530
Subject: [PATCH] refactor(gui-v2): reduce navbar height

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui-v2/assets/style.scss                            | 2 +-
 .../nc-gui-v2/pages/[projectType]/[projectId]/index/index.vue   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui-v2/assets/style.scss b/packages/nc-gui-v2/assets/style.scss
index 5453806ba9..2d937de015 100644
--- a/packages/nc-gui-v2/assets/style.scss
+++ b/packages/nc-gui-v2/assets/style.scss
@@ -1,7 +1,7 @@
 @import 'ant-design-vue/dist/antd.variable.min.css';
 
 :root {
-  --header-height: 50px;
+  --header-height: 42px;
   --toolbar-height: 48px;
   --tw-text-opacity: 1;
 }
diff --git a/packages/nc-gui-v2/pages/[projectType]/[projectId]/index/index.vue b/packages/nc-gui-v2/pages/[projectType]/[projectId]/index/index.vue
index 1ed6f56e88..c8f294c591 100644
--- a/packages/nc-gui-v2/pages/[projectType]/[projectId]/index/index.vue
+++ b/packages/nc-gui-v2/pages/[projectType]/[projectId]/index/index.vue
@@ -33,7 +33,7 @@ function onEdit(targetKey: number, action: 'add' | 'remove' | string) {
 <template>
   <div class="h-full w-full nc-container">
     <div class="h-full w-full flex flex-col">
-      <div class="flex items-end !min-h-[50px] !bg-primary">
+      <div class="flex items-end !min-h-[var(--header-height)] !bg-primary">
         <div
           v-if="!isOpen"
           class="nc-sidebar-left-toggle-icon hover:after:(bg-primary bg-opacity-75) group nc-sidebar-add-row py-2 px-3"