fix: some issues

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

@@ -90,11 +90,4 @@ watch(
 :deep(.ant-tabs-nav) {
   min-height: calc(var(--topbar-height) - 1.75px);
 }
-
-:deep(.ant-tabs-content-holder) {
-  @apply h-[calc(100vh-(var(--topbar-height)*2.5))];
-  .ant-tabs-content {
-    @apply !h-full;
-  }
-}
 </style>

packages/nc-gui/components/smartsheet/details/Fields.vue

@@ -610,12 +610,12 @@ onMounted(async () => {
         </div>
       </div>
       <div class="flex flex-row rounded-lg border-1 border-gray-200">
-        <div class="nc-scrollbar-md w-full h-[calc(100vh-(var(--topbar-height)*3.85))] flex-grow-1">
+        <div class="nc-scrollbar-md !overflow-auto w-full h-[calc(100vh-(var(--topbar-height)*3.85))] flex-grow-1">
           <Draggable v-model="fields" item-key="id" @change="onMove($event)">
             <template #item="{ element: field }">
               <div
                 v-if="field.title.toLowerCase().includes(searchQuery.toLowerCase()) && !field.pv"
-                class="flex px-2 bg-white hover:bg-gray-100 first:rounded-t-lg border-b-1 border-gray-200 pl-5 group"
+                class="flex px-2 hover:bg-gray-100 first:rounded-t-lg border-b-1 border-gray-200 pl-5 group"
                 :class="` ${compareCols(field, activeField) ? 'selected' : ''}`"
                 @click="changeField(field, $event)"
               >