refactor(gui-v2): give fixed dropdown width

Signed-off-by: Pranav C <pranavxc@gmail.com>

packages/nc-gui-v2/components/smartsheet-toolbar/ColumnFilter.vue

@@ -264,7 +264,7 @@ defineExpose({
 <style scoped>
 .nc-filter-grid {
   display: grid;
-  grid-template-columns: 18px 70px auto auto auto;
+  grid-template-columns: 18px 70px auto 90px auto;
   column-gap: 6px;
   row-gap: 6px;
   align-items: center;
@@ -273,4 +273,8 @@ defineExpose({
 :deep(.ant-btn, .ant-select, .ant-input) {
   @apply "!text-xs";
 }
+
+:deep(.ant-select-item-option) {
+  @apply "!min-w-min";
+}
 </style>

packages/nc-gui-v2/components/smartsheet-toolbar/SharedViewList.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
-import { useRoute } from '#app'
 import { computed } from '@vue/reactivity'
 import { useClipboard } from '@vueuse/core'
 import { ViewTypes } from 'nocodb-sdk'
 import { useToast } from 'vue-toastification'
+import { useRoute } from '#app'
 import { onMounted } from '#imports'
 import { useSmartsheetStoreOrThrow } from '~/composables/useSmartsheetStore'
 import { extractSdkResponseErrorMsg } from '~/utils/errorUtils'
@@ -30,7 +30,6 @@ let isLoading = $ref(false)
 // let activeSharedView = $ref(null)
 const sharedViewList = ref<SharedViewType[]>()
 
-
 const loadSharedViewsList = async () => {
   isLoading = true
   const list = await $api.dbViewShare.list(meta.value?.id as string)
@@ -57,7 +56,7 @@ const loadSharedViewsList = async () => {
 onMounted(loadSharedViewsList)
 
 // todo: get correct dashboard url
-const dashboardUrl = computed(() =>{
+const dashboardUrl = computed(() => {
   return `${location.origin}`
 })
 
@@ -99,7 +98,6 @@ const deleteLink = async (id: string) => {
     toast.error(await extractSdkResponseErrorMsg(e))
   }
 }
-
 </script>
 
 <template>