@sowell/quasar-app-extension-auth 1.8.7 → 1.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sowell/quasar-app-extension-auth",
3
- "version": "1.8.7",
3
+ "version": "1.10.0",
4
4
  "description": "A Quasar app extension to manage Authentication",
5
5
  "main": "src/index.js",
6
6
  "repository": "https://github.com/sowell-ai/quasar.extension.auth",
@@ -39,8 +39,17 @@
39
39
  </q-input>
40
40
  </div>
41
41
  <div class="q-mx-lg q-mt-md input-container">
42
- <div class="input-label">
43
- {{ $t("auth.password") }}
42
+ <div class="row justify-between items-center no-wrap">
43
+ <div class="input-label" style="margin-bottom: 0">
44
+ {{ $t("auth.password") }}
45
+ </div>
46
+ <div
47
+ class="forgot-password-link"
48
+ @click="openForgottenPassword"
49
+ data-testid="ask-password-change-btn"
50
+ data-cy="forgot-password">
51
+ {{ $t("auth.forgottenPassword") }}
52
+ </div>
44
53
  </div>
45
54
  <q-input
46
55
  data-cy="password"
@@ -86,19 +95,12 @@
86
95
  </div>
87
96
  </q-btn>
88
97
  </div>
89
- <div
90
- class="forgot-password-link self-start"
91
- style="
92
- font-weight: 500;
93
- margin: 12px 0;
94
- text-decoration: underline;
95
- "
96
- @click="openForgottenPassword"
97
- data-testid="ask-password-change-btn"
98
- data-cy="forgot-password">
99
- {{ $t("auth.forgottenPassword") }}
100
- </div>
101
98
  <template v-if="USE_SSO">
99
+ <div class="row items-center full-width q-mt-lg divider-row">
100
+ <div class="divider-line"></div>
101
+ <div class="divider-text">{{ $t("common.or") }}</div>
102
+ <div class="divider-line"></div>
103
+ </div>
102
104
  <div class="row justify-between full-width items-center q-mt-md">
103
105
  <!-- <q-btn
104
106
  data-testid="google-btn"
@@ -120,7 +122,7 @@
120
122
  <img
121
123
  src="../../assets/logo-microsoft.svg"
122
124
  class="btn-icon" />
123
- {{ $t("auth.continueWithMicrosoft") }}
125
+ {{ $t("auth.msalLogin") }}
124
126
  </q-btn>
125
127
  </div>
126
128
  </template>
@@ -419,10 +421,29 @@ export default defineComponent({
419
421
  }
420
422
 
421
423
  .forgot-password-link {
422
- font-size: 15px;
424
+ font-size: 14px;
423
425
  font-weight: 500;
424
426
  cursor: pointer;
425
427
  color: #001d3d;
428
+ text-decoration: underline;
429
+ }
430
+
431
+ .divider-row {
432
+ gap: 10px;
433
+ }
434
+
435
+ .divider-line {
436
+ flex: 1;
437
+ height: 1px;
438
+ background-color: #e5e7eb;
439
+ }
440
+
441
+ .divider-text {
442
+ font-size: 14px;
443
+ font-weight: 400;
444
+ color: #607680;
445
+ text-transform: uppercase;
446
+ white-space: nowrap;
426
447
  }
427
448
 
428
449
  .q-separator {