edit button auth

views/pages/authentication/AuthProvider.vue

@@ -26,36 +26,30 @@ onMounted(() => {
 
 <template>
   <VBtn
-    class="sso-btn font-weight-medium"
-    color="#3d3d3d"
-    block
-    type="submit"
-    rounded="xl"
-    @click="login"
-  >
-    Sign in SSO
-  </VBtn>
+                class="sso-btn font-weight-medium"
+                color="#3d3d3d"
+                prepend-icon="ri-key-fill"
+                block
+                type="submit"
+                rounded="xl"
+                @click="login"
+              >
+                Single Sign On
+              </VBtn>
 
-  <VBtn
-    class="google-btn font-weight-medium"
-    color="#3d3d3d"
-    block
-    type="submit"
-    rounded="xl"
-    variant="outlined"
-    style="margin-block-start: 5px;"
-    @click="loginGoogle"
-  >
-    <template #prepend>
-      <VImg
-        src="https://www.gstatic.com/firebasejs/ui/2.0.0/images/auth/google.svg"
-        alt="Google"
-        max-width="20"
-        class="mr-2"
-      />
-    </template>
-    Sign in with Google
-  </VBtn>
+              <VBtn
+                class="google-btn font-weight-medium"
+                color="#3d3d3d"
+                prepend-icon="ri-google-fill"
+                block
+                type="submit"
+                rounded="xl"
+                variant="outlined"
+                style="margin-block-start: 5px"
+                @click="loginGoogle"
+              >
+                Sign in with Google
+              </VBtn>
 </template>
 
 <style scoped>