Merge pull request #8039 from nocodb/nc-fix/topbar-tab-text-overflow

Nc fix(nc-gui): topbar tab title text overflow issue

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

@@ -29,7 +29,7 @@ const isSharedBase = computed(() => route.value.params.typeOrId === 'base')
       <GeneralOpenLeftSidebarBtn />
       <LazySmartsheetToolbarViewInfo v-if="!isPublic" />
 
-      <div v-if="!isSharedBase && !isMobileMode" class="w-47.5">
+      <div v-if="!isSharedBase && !isMobileMode">
         <SmartsheetTopbarSelectMode />
       </div>
       <div class="flex-1" />

packages/nc-gui/components/smartsheet/topbar/SelectMode.vue

@@ -62,9 +62,9 @@ const onClickDetails = () => {
 }
 .tab .tab-title {
   @apply min-w-0;
-  word-break: 'keep-all';
-  white-space: 'nowrap';
-  display: 'inline';
+  word-break: keep-all;
+  white-space: nowrap;
+  display: inline;
   line-height: 0.95;
 }