From 5b0f1ff6a5d8c744115eeaafc5bccada01d6b23d Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Wed, 27 Jul 2022 17:30:02 +0800
Subject: [PATCH] chore(gui-v2): fine tune style & i18n

---
 packages/nc-gui-v2/components/webhook/List.vue | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/packages/nc-gui-v2/components/webhook/List.vue b/packages/nc-gui-v2/components/webhook/List.vue
index 3704223d9d..421bac8dd7 100644
--- a/packages/nc-gui-v2/components/webhook/List.vue
+++ b/packages/nc-gui-v2/components/webhook/List.vue
@@ -52,11 +52,12 @@ onMounted(() => {
 
 <template>
   <div class="h-5/6">
-    <a-typography-title class="inline" :level="4">{{ meta.title }} : Webhooks </a-typography-title>
-    <a-button class="float-right" type="primary" size="large" @click="emit('add')">
-      <!-- TODO: i18n -->
-      Create Webhook
-    </a-button>
+    <div class="mb-4">
+      <div class="float-left font-bold text-xl mt-2 mb-4">{{ meta.title }} : Webhooks</div>
+      <a-button class="float-right" type="primary" size="large" @click="emit('add')">
+        {{ $t('activity.addWebhook') }}
+      </a-button>
+    </div>
     <a-divider />
     <div v-if="hooks.length">
       <a-list item-layout="horizontal" :data-source="hooks" class="cursor-pointer bg-gray-100 pl-5 pr-5 pt-2 pb-2">