@sowell/quasar-app-extension-auth 1.4.8 → 1.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sowell/quasar-app-extension-auth",
-  "version": "1.4.8",
+  "version": "1.5.0",
   "description": "A Quasar app extension to manage Authentication",
   "main": "src/index.js",
   "repository": "https://github.com/sowell-ai/quasar.extension.auth",

package/src/components/pages/AuthReporter.vue

@@ -99,15 +99,7 @@
                 {{ $t("auth.forgottenPassword") }}
               </div>
               <template v-if="USE_SSO">
-                <div class="full-width">
-                  <q-separator color="#727272" />
-                </div>
-                <div
-                  class="q-mb-sm q-mt-md forgot-password-link self-start text-weight-medium">
-                  {{ $t("auth.continueWith") }}
-                </div>
-
-                <div class="row justify-between full-width items-center">
+                <div class="row justify-between full-width items-center q-mt-md">
                   <!-- <q-btn
                     data-testid="google-btn"
                     unelevated
@@ -123,12 +115,12 @@
                     unelevated
                     no-caps
                     dense
-                    class="col sso-btn btn-label"
+                    class="col sso-btn"
                     @click="msalAuth">
                     <img
                       src="../../assets/logo-microsoft.svg"
                       class="btn-icon" />
-                    Microsoft
+                      {{ $t("auth.continueWithMicrosoft") }}
                   </q-btn>
                 </div>
               </template>
@@ -410,10 +402,13 @@ export default defineComponent({
 }
 
 .sso-btn {
+  font-size: 14px;
+  border-radius: 8px;
+  height: 50px;
+  font-weight: 600;
   background: #ebeeef;
   color: #112240;
-  height: 36px;
-}
+  }
 
 .error_input {
   min-height: 50px;
@@ -483,7 +478,7 @@ export default defineComponent({
     margin: 16px;
   }
 
-  .login-button {
+  .login-button, .sso-btn {
     height: 40px;
   }
 

package/src/composables/auth.ts

@@ -155,7 +155,6 @@ export function useAuth() {
       msalLoading.value = false
       
       if (!token) {
-        apiErrorMessage.value = t("auth.loginFailed")
         return
       }