fix: Fixed styling of topbar and toolbar

packages/nc-gui/components/general/OpenLeftSidebarBtn.vue

@@ -16,7 +16,7 @@ const onClick = () => {
     hide-on-click
     class="transition-all duration-150"
     :class="{
-      'opacity-0 w-0': !isMobileMode && isLeftSidebarOpen,
+      'opacity-0 w-0 pointer-events-none': !isMobileMode && isLeftSidebarOpen,
       'opacity-100 max-w-10': isMobileMode || !isLeftSidebarOpen,
     }"
   >

packages/nc-gui/components/smartsheet/Toolbar.vue

@@ -16,7 +16,7 @@ const { allowCSVDownload } = useSharedView()
 
 <template>
   <div
-    class="nc-table-toolbar py-1 px-1 xs:(px-1) flex gap-2 items-center border-b border-gray-200 overflow-hidden xs:(min-h-14) max-h-[var(--topbar-height)] min-h-[var(--topbar-height)] z-7"
+    class="nc-table-toolbar py-1 px-2.25 xs:(px-1) flex gap-2 items-center border-b border-gray-200 overflow-hidden xs:(min-h-14) max-h-[var(--topbar-height)] min-h-[var(--topbar-height)] z-7"
   >
     <template v-if="isViewsLoading">
       <a-skeleton-input :active="true" class="!w-44 !h-4 ml-2 !rounded overflow-hidden" />

packages/nc-gui/components/smartsheet/Topbar.vue

@@ -19,7 +19,7 @@ const isSharedBase = computed(() => route.value.params.typeOrId === 'base')
 
 <template>
   <div
-    class="nc-table-topbar h-20 py-1 flex gap-2 items-center border-b border-gray-200 overflow-hidden relative max-h-[var(--topbar-height)] min-h-[var(--topbar-height)] md:(pr-2 pl-2.5) xs:(px-1)"
+    class="nc-table-topbar h-20 py-1 flex gap-2 items-center border-b border-gray-200 overflow-hidden relative max-h-[var(--topbar-height)] min-h-[var(--topbar-height)] md:(pr-2 pl-2) xs:(px-1)"
     style="z-index: 7"
   >
     <template v-if="isViewsLoading">