@sowell/quasar-app-extension-auth 0.3.11 → 0.3.12
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-card>
|
|
3
3
|
<q-page class="row bg-white">
|
|
4
|
-
<div class="col-6 q-pa-xl row justify-center">
|
|
4
|
+
<div class="col-6 q-pa-xl row justify-center center">
|
|
5
5
|
<div class="left-side full-width full-height">
|
|
6
6
|
<img
|
|
7
7
|
class="logo"
|
|
@@ -115,6 +115,16 @@ export default defineComponent({
|
|
|
115
115
|
max-width: 500px;
|
|
116
116
|
}
|
|
117
117
|
.illustration {
|
|
118
|
-
width: 600px;
|
|
118
|
+
max-width: 600px;
|
|
119
|
+
width: 100%;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
@media screen and (max-width: 900px) {
|
|
123
|
+
.bg-image {
|
|
124
|
+
display: none;
|
|
125
|
+
}
|
|
126
|
+
.center{
|
|
127
|
+
width: 100%;
|
|
128
|
+
}
|
|
119
129
|
}
|
|
120
130
|
</style>
|
|
@@ -6,11 +6,10 @@
|
|
|
6
6
|
<img
|
|
7
7
|
src="../../assets/Sowell-logo.svg"
|
|
8
8
|
style="width: 210px"
|
|
9
|
-
class="logoWhite"
|
|
10
9
|
/>
|
|
11
10
|
</div>
|
|
12
|
-
<div class="column col content-center justify-center
|
|
13
|
-
<div style="max-width: 500px">
|
|
11
|
+
<div class="column col content-center justify-center center" >
|
|
12
|
+
<div class="q-pl-md q-pr-md" style="max-width: 500px">
|
|
14
13
|
<h4 class="title">{{ WELCOME_TITLE }}</h4>
|
|
15
14
|
<div class="subtitle">{{ WELCOME_SUBTITLE }}</div>
|
|
16
15
|
<q-form @submit="onSubmit">
|
|
@@ -44,7 +43,7 @@
|
|
|
44
43
|
<template #append>
|
|
45
44
|
<q-icon
|
|
46
45
|
:name="
|
|
47
|
-
showPassword ? icons.
|
|
46
|
+
showPassword ? icons.ionEyeOffSharp : icons.ionEyeSharp
|
|
48
47
|
"
|
|
49
48
|
class="cursor-pointer q-mr-sm lightenDark"
|
|
50
49
|
@click="showPassword = !showPassword"
|
|
@@ -78,16 +77,16 @@
|
|
|
78
77
|
</div>
|
|
79
78
|
</div>
|
|
80
79
|
<div
|
|
81
|
-
class="column col justify-center content-center"
|
|
80
|
+
class="column col justify-center content-center mobile"
|
|
82
81
|
:style="isManager ? 'background: #eef8fd' : ''"
|
|
83
82
|
:class="!isManager ? 'bgBlue' : ''"
|
|
84
83
|
>
|
|
85
84
|
<img
|
|
86
85
|
v-if="isManager"
|
|
87
86
|
src="../../assets/illustration-login.svg"
|
|
88
|
-
|
|
87
|
+
class="q-pl-md q-pr-md logoWhite"
|
|
89
88
|
/>
|
|
90
|
-
<img v-else src="../../assets/SowellWhite.svg" class="logoWhite" />
|
|
89
|
+
<img v-else src="../../assets/SowellWhite.svg" class="q-pl-md q-pr-md logoWhite" />
|
|
91
90
|
</div>
|
|
92
91
|
</div>
|
|
93
92
|
<div>
|
|
@@ -221,6 +220,11 @@ export default defineComponent({
|
|
|
221
220
|
</script>
|
|
222
221
|
|
|
223
222
|
<style scoped>
|
|
223
|
+
|
|
224
|
+
.center {
|
|
225
|
+
margin-top: -115px;
|
|
226
|
+
}
|
|
227
|
+
|
|
224
228
|
.bgWhite {
|
|
225
229
|
background: #ffffff;
|
|
226
230
|
}
|
|
@@ -237,9 +241,16 @@ export default defineComponent({
|
|
|
237
241
|
margin-bottom: 80px;
|
|
238
242
|
}
|
|
239
243
|
.logoWhite {
|
|
240
|
-
width:
|
|
244
|
+
max-width: 600px;
|
|
245
|
+
width: 100%;
|
|
241
246
|
}
|
|
242
247
|
.submitBtn {
|
|
243
248
|
width: 254px;
|
|
244
249
|
}
|
|
250
|
+
|
|
251
|
+
@media screen and (max-width: 900px) {
|
|
252
|
+
.mobile {
|
|
253
|
+
display: none;
|
|
254
|
+
}
|
|
255
|
+
}
|
|
245
256
|
</style>
|