From b05bb38b43b249f920eb25ec9e197d9fae7339b4 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Wed, 27 Jul 2022 18:39:54 +0200
Subject: [PATCH] chore(gui-v2): change `bordered` to `border` class

---
 packages/nc-gui-v2/components/smartsheet/Sidebar.vue | 10 ++++++----
 packages/nc-gui-v2/pages/forgot-password.vue         |  2 +-
 packages/nc-gui-v2/pages/index/user/index/index.vue  |  2 +-
 packages/nc-gui-v2/pages/signin.vue                  |  2 +-
 packages/nc-gui-v2/pages/signup.vue                  |  2 +-
 5 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/packages/nc-gui-v2/components/smartsheet/Sidebar.vue b/packages/nc-gui-v2/components/smartsheet/Sidebar.vue
index 0364d8c85f..58d2604be1 100644
--- a/packages/nc-gui-v2/components/smartsheet/Sidebar.vue
+++ b/packages/nc-gui-v2/components/smartsheet/Sidebar.vue
@@ -391,14 +391,14 @@ function onApiSnippet() {
 
       <div class="flex flex-col gap-4 mt-8">
         <button
-          class="flex items-center gap-2 w-full mx-3 p-4 rounded bordered !bg-primary text-white transform translate-x-4 hover:translate-x-0 transition duration-150 ease"
+          class="flex items-center gap-2 w-full mx-3 p-4 rounded !bg-primary text-white transform translate-x-4 hover:(translate-x-0 shadow-lg) transition duration-150 ease"
           @click="onApiSnippet"
         >
           <MdiXml />Get API Snippet
         </button>
 
         <button
-          class="flex items-center gap-2 w-full mx-3 p-4 rounded border-1 border-solid border-black transform translate-x-4 hover:translate-x-0 transition duration-150 ease"
+          class="flex items-center gap-2 w-full mx-3 p-4 rounded border transform translate-x-4 hover:(translate-x-0 shadow-lg) transition duration-150 ease"
           @click="onApiSnippet"
         >
           <MdiHook />{{ $t('objects.webhooks') }}
@@ -413,9 +413,10 @@ function onApiSnippet() {
             <div>
               <a
                 v-t="['e:hiring']"
-                class="p-4 bg-primary/75 rounded accent-pink-500 shadow bordered border-primary text-white"
+                class="p-4 bg-primary/75 rounded accent-pink-500 shadow border border-primary text-white"
                 href="https://angel.co/company/nocodb"
                 target="_blank"
+                @click.stop
               >
                 🚀 We are Hiring! 🚀
               </a>
@@ -428,7 +429,8 @@ function onApiSnippet() {
           <a
             href="https://github.com/sponsors/nocodb"
             target="_blank"
-            class="flex items-center gap-2 w-full mx-3 p-4 rounded bordered !bg-primary text-white transform translate-x-4 hover:translate-x-0 transition duration-150 ease"
+            class="group flex items-center gap-2 w-full mx-3 p-3 rounded-l !bg-primary text-white transform translate-x-4 hover:(translate-x-0 shadow-lg !opacity-100) transition duration-150 ease"
+            @click.stop
           >
             <MdiHeartsCard class="text-red-500" />
             {{ $t('activity.sponsorUs') }}
diff --git a/packages/nc-gui-v2/pages/forgot-password.vue b/packages/nc-gui-v2/pages/forgot-password.vue
index 3a8ecbec32..d71ebb2272 100644
--- a/packages/nc-gui-v2/pages/forgot-password.vue
+++ b/packages/nc-gui-v2/pages/forgot-password.vue
@@ -128,7 +128,7 @@ const resetError = () => {
   }
 
   .submit {
-    @apply ml-1 bordered border-gray-300 rounded-lg p-4 bg-gray-100/50 text-white bg-primary hover:bg-primary/75 dark:(!bg-secondary/75 hover:!bg-secondary/50);
+    @apply ml-1 border border-gray-300 rounded-lg p-4 bg-gray-100/50 text-white bg-primary hover:bg-primary/75 dark:(!bg-secondary/75 hover:!bg-secondary/50);
   }
 }
 </style>
diff --git a/packages/nc-gui-v2/pages/index/user/index/index.vue b/packages/nc-gui-v2/pages/index/user/index/index.vue
index e82953b69d..9a09c5d434 100644
--- a/packages/nc-gui-v2/pages/index/user/index/index.vue
+++ b/packages/nc-gui-v2/pages/index/user/index/index.vue
@@ -140,7 +140,7 @@ const resetError = () => {
   }
 
   .submit {
-    @apply ml-1 bordered border-gray-300 rounded-lg p-4 bg-gray-100/50 text-white bg-primary hover:bg-primary/75 dark:(!bg-secondary/75 hover:!bg-secondary/50);
+    @apply ml-1 border border-gray-300 rounded-lg p-4 bg-gray-100/50 text-white bg-primary hover:bg-primary/75 dark:(!bg-secondary/75 hover:!bg-secondary/50);
   }
 }
 </style>
diff --git a/packages/nc-gui-v2/pages/signin.vue b/packages/nc-gui-v2/pages/signin.vue
index 3020c248cc..ed283620d6 100644
--- a/packages/nc-gui-v2/pages/signin.vue
+++ b/packages/nc-gui-v2/pages/signin.vue
@@ -152,7 +152,7 @@ const resetError = () => {
   }
 
   .submit {
-    @apply ml-1 bordered border-gray-300 rounded-lg p-4 bg-gray-100/50 text-white bg-primary hover:bg-primary/75 dark:(!bg-secondary/75 hover:!bg-secondary/50);
+    @apply ml-1 border border-gray-300 rounded-lg p-4 bg-gray-100/50 text-white bg-primary hover:bg-primary/75 dark:(!bg-secondary/75 hover:!bg-secondary/50);
   }
 }
 </style>
diff --git a/packages/nc-gui-v2/pages/signup.vue b/packages/nc-gui-v2/pages/signup.vue
index a134f78503..f8def20bef 100644
--- a/packages/nc-gui-v2/pages/signup.vue
+++ b/packages/nc-gui-v2/pages/signup.vue
@@ -137,7 +137,7 @@ const resetError = () => {
   }
 
   .submit {
-    @apply ml-1 bordered border-gray-300 rounded-lg p-4 bg-gray-100/50 text-white bg-primary hover:bg-primary/75 dark:(!bg-secondary/75 hover:!bg-secondary/50);
+    @apply ml-1 border border-gray-300 rounded-lg p-4 bg-gray-100/50 text-white bg-primary hover:bg-primary/75 dark:(!bg-secondary/75 hover:!bg-secondary/50);
   }
 }
 </style>