refactor(gui): add class for elements

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

packages/nc-gui/components/utils/dlgTableCreate.vue

@@ -6,7 +6,7 @@
     @keydown.esc="dialogShow = false"
     @keydown.enter="$emit('create', table)"
   >
-    <v-card class="elevation-1 backgroundColor">
+    <v-card class="elevation-1 backgroundColor nc-create-table-card">
       <v-card-title class="primary subheading white--text py-2">
         Create A New Table
       </v-card-title>
@@ -21,7 +21,7 @@
           dense
           hide-details1
           hint="Enter table name"
-          class="mt-4 caption"
+          class="mt-4 caption nc-table-name"
         />
 
         <v-text-field
@@ -32,7 +32,7 @@
           dense
           persistent-hint
           hint="Table name as saved in database"
-          class="mt-4 caption"
+          class="mt-4 caption nc-table-name-alias"
         />
 
         <div class=" mt-5">
@@ -106,6 +106,7 @@
         <v-btn
           :disabled="!(table.name && table.name.length) || !(table.alias && table.alias.length)"
           color="primary"
+          class="nc-create-table-submit"
           @click="$emit('create',table)"
         >
           Submit

packages/nc-gui/pages/index.vue

@@ -1,5 +1,6 @@
 <template>
   <v-row
+    class="welcome-page"
     style="min-height: 100vh"
     align="center"
     justify="center"

packages/nc-gui/pages/projects/index.vue

@@ -219,11 +219,11 @@
                 :footer-props="{
                   'items-per-page-options': [20, -1],
                 }"
-                class="pa-4 text-left mx-auto"
+                class="pa-4 text-left mx-auto "
                 style="cursor: pointer"
               >
                 <template #item="props">
-                  <tr @click="projectRouteHandler(props.item)">
+                  <tr class="project-row" @click="projectRouteHandler(props.item)">
                     <td data-v-step="2">
                       <v-icon
                         x-small