chore(gui-v2): cleanup styles

packages/nc-gui-v2/components.d.ts

@@ -107,11 +107,13 @@ declare module '@vue/runtime-core' {
     MdiClose: typeof import('~icons/mdi/close')['default']
     MdiCloseBox: typeof import('~icons/mdi/close-box')['default']
     MdiCloseCircle: typeof import('~icons/mdi/close-circle')['default']
+    MdiCloseCircleOutline: typeof import('~icons/mdi/close-circle-outline')['default']
     MdiCloseThick: typeof import('~icons/mdi/close-thick')['default']
     MdiCodeJson: typeof import('~icons/mdi/code-json')['default']
     MdiCog: typeof import('~icons/mdi/cog')['default']
     MdiContentCopy: typeof import('~icons/mdi/content-copy')['default']
     MdiContentSave: typeof import('~icons/mdi/content-save')['default']
+    MdiCurrencyUsd: typeof import('~icons/mdi/currency-usd')['default']
     MdiDatabase: typeof import('~icons/mdi/database')['default']
     MdiDatabaseOutline: typeof import('~icons/mdi/database-outline')['default']
     MdiDelete: typeof import('~icons/mdi/delete')['default']
@@ -150,6 +152,7 @@ declare module '@vue/runtime-core' {
     MdiLink: typeof import('~icons/mdi/link')['default']
     MdiLinkVariant: typeof import('~icons/mdi/link-variant')['default']
     MdiLinkVariantRemove: typeof import('~icons/mdi/link-variant-remove')['default']
+    MdiLoading: typeof import('~icons/mdi/loading')['default']
     MdiLogin: typeof import('~icons/mdi/login')['default']
     MdiLogout: typeof import('~icons/mdi/logout')['default']
     MdiMagnify: typeof import('~icons/mdi/magnify')['default']

packages/nc-gui-v2/components/template/Editor.vue

@@ -698,12 +698,9 @@ onMounted(() => {
                   <span>Add Number Column</span>
                 </template>
 
-                <a-button
+                <a-button class="group" @click="addNewColumnRow(table, 'Number')">
-                  class="group hover:(ring-1 ring-pink-500 !border-transparent)"
+                  <div class="flex items-center">
-                  @click="addNewColumnRow(table, 'Number')"
+                    <mdi-numeric class="group-hover:!text-pink-500 flex text-lg" />
-                >
-                  <div class="group-hover:!text-pink-500 flex items-center">
-                    <mdi-numeric class="text-lg" />
                   </div>
                 </a-button>
               </a-tooltip>
@@ -714,12 +711,9 @@ onMounted(() => {
                   <span>Add SingleLineText Column</span>
                 </template>
 
-                <a-button
+                <a-button class="group" @click="addNewColumnRow(table, 'SingleLineText')">
-                  class="group hover:(ring-1 ring-pink-500 !border-transparent)"
+                  <div class="flex items-center">
-                  @click="addNewColumnRow(table, 'SingleLineText')"
+                    <mdi-alpha-a class="group-hover:!text-pink-500 text-lg" />
-                >
-                  <div class="group-hover:!text-pink-500 flex items-center">
-                    <mdi-alpha-a class="text-lg" />
                   </div>
                 </a-button>
               </a-tooltip>
@@ -730,12 +724,9 @@ onMounted(() => {
                   <span>Add LongText Column</span>
                 </template>
 
-                <a-button
+                <a-button class="group" @click="addNewColumnRow(table, 'LongText')">
-                  class="group hover:(ring-1 ring-pink-500 !border-transparent)"
+                  <div class="flex items-center">
-                  @click="addNewColumnRow(table, 'LongText')"
+                    <mdi-text class="group-hover:!text-pink-500 text-lg" />
-                >
-                  <div class="group-hover:!text-pink-500 flex items-center">
-                    <mdi-text class="text-lg" />
                   </div>
                 </a-button>
               </a-tooltip>
@@ -746,13 +737,9 @@ onMounted(() => {
                   <span>Add Other Column</span>
                 </template>
 
-                <a-button
+                <a-button class="group" @click="addNewColumnRow(table, 'SingleLineText')">
-                  class="group hover:(ring-1 ring-pink-500 !border-transparent)"
+                  <div class="flex items-center gap-1">
-                  @click="addNewColumnRow(table, 'SingleLineText')"
-                >
-                  <div class="flex items-center">
                     <mdi-plus class="group-hover:!text-pink-500 text-lg" />
-                    Column
                   </div>
                 </a-button>
               </a-tooltip>