From bb4d1c35bfdf85839b52317950d5d75fa9ff91d1 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Thu, 11 Aug 2022 23:33:37 +0530
Subject: [PATCH] refactor(gui-v2): rplace vuetify class names

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../components/smartsheet-toolbar/ColumnFilter.vue        | 8 ++++----
 .../nc-gui-v2/components/smartsheet/sidebar/MenuTop.vue   | 2 +-
 packages/nc-gui-v2/nuxt.config.ts                         | 1 -
 3 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/packages/nc-gui-v2/components/smartsheet-toolbar/ColumnFilter.vue b/packages/nc-gui-v2/components/smartsheet-toolbar/ColumnFilter.vue
index ea66f067ef..13fb2a06f5 100644
--- a/packages/nc-gui-v2/components/smartsheet-toolbar/ColumnFilter.vue
+++ b/packages/nc-gui-v2/components/smartsheet-toolbar/ColumnFilter.vue
@@ -132,7 +132,7 @@ defineExpose({
               <a-select
                 v-model:value="filter.logical_op"
                 :dropdown-match-select-width="false"
-                class="flex-shrink-1 flex-grow-0 elevation-0 caption"
+                class="shrink grow-0"
                 placeholder="Group op"
                 @click.stop
                 @change="saveOrUpdate(filter, i)"
@@ -172,7 +172,7 @@ defineExpose({
             />
             <span v-else />
 
-            <span v-if="!i" class="d-flex align-center">{{ $t('labels.where') }}</span>
+            <span v-if="!i" class="flex items-center">{{ $t('labels.where') }}</span>
 
             <a-select
               v-else
@@ -184,7 +184,7 @@ defineExpose({
               @click.stop
               @change="filterUpdateCondition(filter, i)"
             >
-              <a-select-option v-for="op in logicalOps" :key="op.value" :value="op.value" class="">
+              <a-select-option v-for="op in logicalOps" :key="op.value" :value="op.value">
                 {{ op.text }}
               </a-select-option>
             </a-select>
@@ -256,7 +256,7 @@ defineExpose({
           {{ $t('activity.addFilter') }}
         </div>
       </a-button>
-      <a-button class="elevation-0 text-capitalize !text-gray-500" @click.stop="addFilterGroup">
+      <a-button class="text-capitalize !text-gray-500" @click.stop="addFilterGroup">
         <div class="flex align-center gap-1">
           <!--      <v-icon small color="grey"> mdi-plus </v-icon> -->
           <MdiAddIcon />
diff --git a/packages/nc-gui-v2/components/smartsheet/sidebar/MenuTop.vue b/packages/nc-gui-v2/components/smartsheet/sidebar/MenuTop.vue
index 6dc4c3eaa5..cb1fa51686 100644
--- a/packages/nc-gui-v2/components/smartsheet/sidebar/MenuTop.vue
+++ b/packages/nc-gui-v2/components/smartsheet/sidebar/MenuTop.vue
@@ -236,7 +236,7 @@ function onDeleted() {
   }
 
   .active {
-    @apply bg-primary/20 text-primary font-weight-medium;
+    @apply bg-primary/20 text-primary font-medium;
   }
 }
 </style>
diff --git a/packages/nc-gui-v2/nuxt.config.ts b/packages/nc-gui-v2/nuxt.config.ts
index a4d7257e15..e17eb2b595 100644
--- a/packages/nc-gui-v2/nuxt.config.ts
+++ b/packages/nc-gui-v2/nuxt.config.ts
@@ -8,7 +8,6 @@ import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers'
 import monacoEditorPlugin from 'vite-plugin-monaco-editor'
 import { themeColors } from './utils/colorsUtils'
 
-
 // https://v3.nuxtjs.org/api/configuration/nuxt.config
 export default defineNuxtConfig({
   modules: ['@vueuse/nuxt', 'nuxt-windicss', '@nuxt/image-edge'],