refactor: UI changes (url font size, additiona dot in sidebar)

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>

packages/nc-gui-v2/components/cell/Email.vue

@@ -24,8 +24,8 @@ const focus: VNodeRef = (el) => (el as HTMLInputElement)?.focus()
 </script>
 
 <template>
-  <input v-if="editEnabled" :ref="focus" v-model="vModel" class="outline-none prose-sm" @blur="editEnabled = false" />
+  <input v-if="editEnabled" :ref="focus" v-model="vModel" class="outline-none text-sm" @blur="editEnabled = false" />
-  <a v-else-if="validEmail" class="prose-sm underline hover:opacity-75" :href="`mailto:${vModel}`" target="_blank">
+  <a v-else-if="validEmail" class="text-sm underline hover:opacity-75" :href="`mailto:${vModel}`" target="_blank">
     {{ vModel }}
   </a>
   <span v-else>{{ vModel }}</span>

packages/nc-gui-v2/components/cell/Url.vue

@@ -36,8 +36,8 @@ const focus: VNodeRef = (el) => (el as HTMLInputElement)?.focus()
 </script>
 
 <template>
-  <input v-if="editEnabled" :ref="focus" v-model="vModel" class="outline-none" @blur="editEnabled = false" />
+  <input v-if="editEnabled" :ref="focus" v-model="vModel" class="outline-none text-sm" @blur="editEnabled = false" />
-  <nuxt-link v-else-if="isValid" class="py-2 underline hover:opacity-75" :to="url" target="_blank">{{ value }} </nuxt-link>
+  <nuxt-link v-else-if="isValid" class="text-sm underline hover:opacity-75" :to="url" target="_blank">{{ value }} </nuxt-link>
   <span v-else>{{ value }}</span>
 </template>
 

packages/nc-gui-v2/components/smartsheet/sidebar/index.vue

@@ -113,7 +113,7 @@ function onCreate(view: GridType | FormType | KanbanType | GalleryType) {
           </div>
         </a-tooltip>
 
-        <div class="dot" />
+        <div v-if="isUIAllowed('virtualViewsCreateOrEdit')" class="dot" />
 
         <a-tooltip placement="left">
           <template #title> Get API Snippet</template>

packages/nc-gui-v2/components/smartsheet/sidebar/toolbar/index.vue

@@ -12,7 +12,7 @@ const { isUIAllowed } = useUIPermission()
 
     <LockMenu v-if="isUIAllowed('view-type')" />
 
-    <div class="dot" />
+    <div v-if="isUIAllowed('view-type')" class="dot" />
 
     <Reload />