From 2581513811d4ded171b11f0297c4ddf039a7f7e4 Mon Sep 17 00:00:00 2001
From: acnormun <anaclara.noronha@weni.ai>
Date: Fri, 1 Nov 2024 15:15:03 -0300
Subject: [PATCH] fix: setup

---
 .../config/channels/email/Setup.vue           | 45 ++++++++++++-------
 1 file changed, 29 insertions(+), 16 deletions(-)

diff --git a/src/components/config/channels/email/Setup.vue b/src/components/config/channels/email/Setup.vue
index 9bc08163..936b8077 100644
--- a/src/components/config/channels/email/Setup.vue
+++ b/src/components/config/channels/email/Setup.vue
@@ -1,5 +1,5 @@
 <template>
-  <unnnic-modal :close-icon="false" @click.stop :text="$t(`gmail.setup.title`)">
+  <unnnic-modal class="gmail-setup" :close-icon="false" @click.stop :text="$t(`gmail.setup.title`)">
     <template #icon> <img class="logo" src="../../../../assets/svgs/gmail.svg" alt="" /></template>
     <template #message>
       <div>
@@ -8,24 +8,22 @@
     </template>
 
     <template #options>
-      <div>
-        <div class="facebook-setup__buttons">
+      <div class="gmail-setup__buttons">
+        <unnnic-button
+          class="gmail-setup__buttons__cancel"
+          type="tertiary"
+          size="large"
+          :text="$t('general.Cancel')"
+          @click="closePopUp"
+        />
+
+        <GoogleLogin prompt auto-login :callback="gmailCallback">
           <unnnic-button
-            class="facebook-setup__buttons__cancel"
-            type="tertiary"
+            class="gmail-setup__buttons__continue"
             size="large"
-            :text="$t('general.Cancel')"
-            @click="closePopUp"
+            :text="$t('gmail.setup.buttons.continue')"
           />
-
-          <GoogleLogin prompt auto-login>
-            <unnnic-button
-              class="app-config-email__settings__buttons__save"
-              size="large"
-              :text="$t('gmail.setup.buttons.continue')"
-            />
-          </GoogleLogin>
-        </div>
+        </GoogleLogin>
       </div>
     </template>
   </unnnic-modal>
@@ -50,3 +48,18 @@
     },
   };
 </script>
+<style lang="scss" scoped>
+  .gmail-setup {
+    &__buttons {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      justify-content: space-around;
+      gap: $unnnic-spacing-inline-xs;
+
+      &__cancel,
+      &__continue {
+        width: 100%;
+      }
+    }
+  }
+</style>