refactor

packages/nc-gui/components/smartsheet/expanded-form/index.vue

@@ -652,10 +652,7 @@ export default {
       <span>
         <div class="flex flex-row items-center py-2.25 px-2.5 bg-gray-50 rounded-lg text-gray-700 mb-4">
           <component :is="iconMap.table" class="nc-view-icon" />
-          <div
-            class="capitalize text-ellipsis overflow-hidden select-none w-full pl-1.75"
-            :style="{ wordBreak: 'keep-all', whiteSpace: 'nowrap', display: 'inline' }"
-          >
+          <div class="capitalize text-ellipsis overflow-hidden select-none w-full pl-1.75 break-keep whitespace-nowrap">
             {{ meta.title }}
           </div>
         </div>

packages/nc-gui/components/virtual-cell/components/ListChildItems.vue

@@ -182,7 +182,7 @@ const isDataExist = computed<boolean>(() => {
           <div
             v-for="(x, i) in Array.from({ length: 10 })"
             :key="i"
-            class="!border-2 flex flex-row gap-2 mb-2 transition-all !rounded-xl relative !border-gray-200 hover:bg-gray-50"
+            class="border-2 flex flex-row gap-2 mb-2 transition-all rounded-xl relative border-gray-200 hover:bg-gray-50"
           >
             <a-skeleton-image class="h-24 w-24 !rounded-xl" />
             <div class="flex flex-col m-[.5rem] gap-2 flex-grow justify-center">
@@ -224,10 +224,10 @@ const isDataExist = computed<boolean>(() => {
               () => {
                 if (isPublic && !isForm) return
                 isNew
-                  ? unlinkRow(refRow, Number.parseInt(id))
-                  : isChildrenListLinked[Number.parseInt(id)]
-                  ? unlinkRow(refRow, Number.parseInt(id))
-                  : linkRow(refRow, Number.parseInt(id))
+                  ? unlinkRow(refRow, parseInt(id))
+                  : isChildrenListLinked[parseInt(id)]
+                  ? unlinkRow(refRow, parseInt(id))
+                  : linkRow(refRow, parseInt(id))
               }
             "
           />