@sowell/quasar-app-extension-auth 0.3.5 → 0.3.6
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,7 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<q-layout>
|
|
3
3
|
<div class="row window-height">
|
|
4
|
-
<div class="column col content-center justify-center">
|
|
4
|
+
<div class="column col content-center justify-center bgWhite">
|
|
5
5
|
<div style="max-width:500px">
|
|
6
6
|
<h4 class="title">{{ $t('auth.title') }}</h4>
|
|
7
7
|
<div class="subtitle">{{ $t('auth.subtitle') }}</div>
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
:rules="validations['email']"
|
|
19
19
|
lazy-rules
|
|
20
20
|
dense
|
|
21
|
-
|
|
21
|
+
outlined
|
|
22
22
|
input-class="text-subtitle2 text-weight-medium"
|
|
23
23
|
/>
|
|
24
24
|
<div
|
|
@@ -32,13 +32,13 @@
|
|
|
32
32
|
:rules="validations['password']"
|
|
33
33
|
lazy-rules
|
|
34
34
|
dense
|
|
35
|
-
|
|
35
|
+
outlined
|
|
36
36
|
input-class="text-subtitle2 text-weight-bold"
|
|
37
37
|
>
|
|
38
38
|
<template #append>
|
|
39
39
|
<q-icon
|
|
40
40
|
:name="showPassword ? ionEyeSharp : ionEyeOffSharp"
|
|
41
|
-
class="cursor-pointer q-mr-sm"
|
|
41
|
+
class="cursor-pointer q-mr-sm lightenDark"
|
|
42
42
|
@click="showPassword = !showPassword"
|
|
43
43
|
/>
|
|
44
44
|
</template>
|
|
@@ -54,8 +54,9 @@
|
|
|
54
54
|
:loading="loading"
|
|
55
55
|
type="submit"
|
|
56
56
|
:disable="submitBtnDisabled"
|
|
57
|
+
class="submitBtn text-subtitle2 text-weight-bold"
|
|
57
58
|
/>
|
|
58
|
-
<div class="cursor-pointer" @click="forgottenPassword = true">{{ $t('auth.forgottenPassword') }}</div>
|
|
59
|
+
<div class="cursor-pointer text-primary text-subtitle2" @click="forgottenPassword = true">{{ $t('auth.forgottenPassword') }}</div>
|
|
59
60
|
</div>
|
|
60
61
|
</q-form>
|
|
61
62
|
</div>
|
|
@@ -276,8 +277,14 @@ export default defineComponent({
|
|
|
276
277
|
</script>
|
|
277
278
|
|
|
278
279
|
<style scoped>
|
|
280
|
+
.bgWhite {
|
|
281
|
+
background: #FFFFFF
|
|
282
|
+
}
|
|
279
283
|
.bgBlue {
|
|
280
|
-
background: var(--q-primary)
|
|
284
|
+
background: var(--q-primary)
|
|
285
|
+
}
|
|
286
|
+
.lightenDark {
|
|
287
|
+
color: rgba(0, 0, 0, 0.24)
|
|
281
288
|
}
|
|
282
289
|
.title {
|
|
283
290
|
margin: 0px 0px 16px 0px;
|
|
@@ -288,4 +295,7 @@ export default defineComponent({
|
|
|
288
295
|
.logoWhite {
|
|
289
296
|
width: 30%
|
|
290
297
|
}
|
|
298
|
+
.submitBtn {
|
|
299
|
+
width: 254px;
|
|
300
|
+
}
|
|
291
301
|
</style>
|