@fishawack/lab-velocity 2.0.0-beta.7 → 2.0.0-beta.9
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/README.md +160 -38
- package/_Build/vue/modules/AuthModule/adminRoutes/PCompanies/Children/create.vue +1 -1
- package/_Build/vue/modules/AuthModule/adminRoutes/PCompanies/Children/edit.vue +1 -1
- package/_Build/vue/modules/AuthModule/adminRoutes/PCompanies/Children/show.vue +3 -2
- package/_Build/vue/modules/AuthModule/adminRoutes/PUsers/Children/create.vue +3 -2
- package/_Build/vue/modules/AuthModule/adminRoutes/PUsers/Children/edit.vue +2 -4
- package/_Build/vue/modules/AuthModule/components/VTableSorter.vue +1 -1
- package/_Build/vue/modules/AuthModule/js/axios.js +19 -0
- package/_Build/vue/modules/AuthModule/js/store.js +2 -2
- package/_Build/vue/modules/AuthModule/routes/account-exists.vue +2 -2
- package/_Build/vue/modules/AuthModule/routes/change-password.vue +9 -15
- package/_Build/vue/modules/AuthModule/routes/expired-reset.vue +4 -4
- package/_Build/vue/modules/AuthModule/routes/expired-verification.vue +9 -8
- package/_Build/vue/modules/AuthModule/routes/force-reset.vue +9 -15
- package/_Build/vue/modules/AuthModule/routes/forgot.vue +4 -4
- package/_Build/vue/modules/AuthModule/routes/login.vue +7 -11
- package/_Build/vue/modules/AuthModule/routes/logincallback.vue +1 -3
- package/_Build/vue/modules/AuthModule/routes/loginsso.vue +7 -9
- package/_Build/vue/modules/AuthModule/routes/logout.vue +1 -3
- package/_Build/vue/modules/AuthModule/routes/logoutheadless.vue +1 -3
- package/_Build/vue/modules/AuthModule/routes/register.vue +10 -13
- package/_Build/vue/modules/AuthModule/routes/reset.vue +5 -5
- package/_Build/vue/modules/AuthModule/routes/success-forgot.vue +8 -7
- package/_Build/vue/modules/AuthModule/routes/success-reset.vue +2 -2
- package/_Build/vue/modules/AuthModule/routes/success-verify.vue +1 -3
- package/_Build/vue/modules/AuthModule/routes/verify.vue +11 -14
- package/_defaults.scss +2 -2
- package/components/_auth.scss +19 -61
- package/package.json +1 -2
|
@@ -3,14 +3,14 @@
|
|
|
3
3
|
<section id="forgotPasswordForm">
|
|
4
4
|
<h1 class="h2 h2--small">Reset password</h1>
|
|
5
5
|
<form class="form" @submit.prevent="submit">
|
|
6
|
-
<p class="
|
|
6
|
+
<p class="mt-2">
|
|
7
7
|
Enter the email address associated with your account to
|
|
8
8
|
continue.
|
|
9
9
|
</p>
|
|
10
10
|
|
|
11
11
|
<el-input
|
|
12
12
|
v-if="!form.successful"
|
|
13
|
-
class="
|
|
13
|
+
class="mt-3 mb-3"
|
|
14
14
|
v-model="form.email"
|
|
15
15
|
label="Email "
|
|
16
16
|
placeholder="Enter email address"
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
Continue
|
|
33
33
|
</elButton>
|
|
34
34
|
|
|
35
|
-
<p class="disclaimer
|
|
35
|
+
<p class="disclaimer mt-3">
|
|
36
36
|
<router-link
|
|
37
37
|
class="color-1 underline"
|
|
38
38
|
:to="{ name: 'auth.login' }"
|
|
@@ -73,7 +73,7 @@ export default {
|
|
|
73
73
|
query: { email: this.form.email },
|
|
74
74
|
});
|
|
75
75
|
} catch (e) {
|
|
76
|
-
|
|
76
|
+
console.log(e);
|
|
77
77
|
}
|
|
78
78
|
},
|
|
79
79
|
},
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<h1 class="h2 h2--small">Sign in</h1>
|
|
3
|
-
<p class="
|
|
3
|
+
<p class="mb-3 mt-2">Enter your password to continue.</p>
|
|
4
4
|
|
|
5
5
|
<form @submit.prevent="submit" class="form" id="memberLoginForm">
|
|
6
6
|
<el-input
|
|
7
|
-
class="
|
|
7
|
+
class="mb-3"
|
|
8
8
|
label="Email"
|
|
9
9
|
placeholder="Enter your email address"
|
|
10
10
|
name="email"
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
/>
|
|
16
16
|
|
|
17
17
|
<el-input
|
|
18
|
-
class="
|
|
18
|
+
class="mb-3"
|
|
19
19
|
label="Password"
|
|
20
20
|
placeholder="Enter your password"
|
|
21
21
|
name="password"
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
Continue
|
|
48
48
|
</el-button>
|
|
49
49
|
|
|
50
|
-
<p class="disclaimer
|
|
50
|
+
<p class="disclaimer mt-3">
|
|
51
51
|
Having trouble signing in?
|
|
52
52
|
<router-link
|
|
53
53
|
class="color-1 underline"
|
|
@@ -97,9 +97,7 @@ export default {
|
|
|
97
97
|
|
|
98
98
|
if (res["logged-in"]) {
|
|
99
99
|
try {
|
|
100
|
-
await this.$store.dispatch("logout"
|
|
101
|
-
errors: this.$root.errors,
|
|
102
|
-
});
|
|
100
|
+
await this.$store.dispatch("logout");
|
|
103
101
|
} catch (e) {}
|
|
104
102
|
|
|
105
103
|
await this.form.post("/login");
|
|
@@ -107,16 +105,14 @@ export default {
|
|
|
107
105
|
|
|
108
106
|
await this.postLogin();
|
|
109
107
|
} catch (e) {
|
|
110
|
-
|
|
108
|
+
console.log(e);
|
|
111
109
|
} finally {
|
|
112
110
|
this.loading = false;
|
|
113
111
|
}
|
|
114
112
|
},
|
|
115
113
|
|
|
116
114
|
async postLogin() {
|
|
117
|
-
const { data: user } = await this.$store.dispatch("getUser"
|
|
118
|
-
errors: this.$root.errors,
|
|
119
|
-
});
|
|
115
|
+
const { data: user } = await this.$store.dispatch("getUser");
|
|
120
116
|
|
|
121
117
|
if (window.dataLayer) {
|
|
122
118
|
window.dataLayer.push({ event: "login", user });
|
|
@@ -16,9 +16,7 @@ export default {
|
|
|
16
16
|
|
|
17
17
|
methods: {
|
|
18
18
|
async postLogin() {
|
|
19
|
-
const { data: user } = await this.$store.dispatch("getUser"
|
|
20
|
-
errors: this.$root.errors,
|
|
21
|
-
});
|
|
19
|
+
const { data: user } = await this.$store.dispatch("getUser");
|
|
22
20
|
|
|
23
21
|
if (window.dataLayer) {
|
|
24
22
|
window.dataLayer.push({ event: "login", user });
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<template v-if="stage === 1">
|
|
3
3
|
<h1 class="h2 h2--small">Sign in</h1>
|
|
4
|
-
<p class="
|
|
4
|
+
<p class="mb-3 mt-2">Enter your email address to continue.</p>
|
|
5
5
|
|
|
6
6
|
<form @submit.prevent="submit" class="form" id="memberLoginForm">
|
|
7
7
|
<el-input
|
|
8
|
-
class="
|
|
8
|
+
class="mb-3"
|
|
9
9
|
label="Email"
|
|
10
10
|
placeholder="Enter your email address"
|
|
11
11
|
name="email"
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
Continue
|
|
36
36
|
</el-button>
|
|
37
37
|
|
|
38
|
-
<p class="disclaimer
|
|
38
|
+
<p class="disclaimer mt-3">
|
|
39
39
|
Having trouble signing in?
|
|
40
40
|
<a :href="$store.state.auth.contact" class="underline"
|
|
41
41
|
>Contact us</a
|
|
@@ -45,13 +45,11 @@
|
|
|
45
45
|
</template>
|
|
46
46
|
<template v-else>
|
|
47
47
|
<h1 class="h2 h2--small">Sign in with SSO</h1>
|
|
48
|
-
<p class="
|
|
48
|
+
<p class="mt-2">
|
|
49
49
|
Redirecting you to your organisation’s Single Sign-On (SSO) gateway
|
|
50
|
-
<span class="
|
|
51
|
-
>in {{ countdown }} seconds...</span
|
|
52
|
-
>
|
|
50
|
+
<span class="color-highlight">in {{ countdown }} seconds...</span>
|
|
53
51
|
</p>
|
|
54
|
-
<p class="disclaimer
|
|
52
|
+
<p class="disclaimer mt-3">
|
|
55
53
|
<a :href="redirect_url" class="underline">Go to SSO gateway</a>
|
|
56
54
|
</p>
|
|
57
55
|
</template>
|
|
@@ -100,7 +98,7 @@ export default {
|
|
|
100
98
|
});
|
|
101
99
|
}
|
|
102
100
|
} catch (e) {
|
|
103
|
-
|
|
101
|
+
console.log(e);
|
|
104
102
|
} finally {
|
|
105
103
|
this.loading = false;
|
|
106
104
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<h1 class="h2 h2--small">Register</h1>
|
|
3
|
-
<p class="
|
|
3
|
+
<p class="mb-3 mt-2">
|
|
4
4
|
Please enter your personal details to complete your registration.
|
|
5
5
|
</p>
|
|
6
6
|
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
id="memberLoginForm"
|
|
11
11
|
>
|
|
12
12
|
<el-input
|
|
13
|
-
class="
|
|
13
|
+
class="mb-2"
|
|
14
14
|
label="Full name"
|
|
15
15
|
placeholder="Enter your full name"
|
|
16
16
|
name="name"
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
/>
|
|
21
21
|
|
|
22
22
|
<el-input
|
|
23
|
-
class="
|
|
23
|
+
class="mb-2"
|
|
24
24
|
label="Email"
|
|
25
25
|
placeholder="Enter your email address"
|
|
26
26
|
name="email"
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
/>
|
|
32
32
|
|
|
33
33
|
<el-input
|
|
34
|
-
class="
|
|
34
|
+
class="mb-2"
|
|
35
35
|
label="Password"
|
|
36
36
|
name="password"
|
|
37
37
|
placeholder="Create a unique password"
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
Register
|
|
73
73
|
</elButton>
|
|
74
74
|
|
|
75
|
-
<p class="disclaimer
|
|
75
|
+
<p class="disclaimer mt-3">
|
|
76
76
|
Having trouble registering?
|
|
77
77
|
<a :href="$store.state.auth.contact" class="underline"
|
|
78
78
|
>Contact us</a
|
|
@@ -83,6 +83,7 @@
|
|
|
83
83
|
|
|
84
84
|
<script>
|
|
85
85
|
import Form from "form-backend-validation";
|
|
86
|
+
import { ElNotification } from "element-plus";
|
|
86
87
|
|
|
87
88
|
export default {
|
|
88
89
|
data() {
|
|
@@ -111,9 +112,7 @@ export default {
|
|
|
111
112
|
|
|
112
113
|
if (res["logged-in"]) {
|
|
113
114
|
try {
|
|
114
|
-
await this.$store.dispatch("logout"
|
|
115
|
-
errors: this.$root.errors,
|
|
116
|
-
});
|
|
115
|
+
await this.$store.dispatch("logout");
|
|
117
116
|
} catch (e) {}
|
|
118
117
|
|
|
119
118
|
await this.form.post("/register");
|
|
@@ -124,7 +123,7 @@ export default {
|
|
|
124
123
|
name: `auth.login`,
|
|
125
124
|
query: { company: res["company"] },
|
|
126
125
|
});
|
|
127
|
-
|
|
126
|
+
ElNotification.error({
|
|
128
127
|
title: "Domain is SSO enabled",
|
|
129
128
|
message: "Sign in with your company email address",
|
|
130
129
|
duration: 10000,
|
|
@@ -133,16 +132,14 @@ export default {
|
|
|
133
132
|
await this.postLogin();
|
|
134
133
|
}
|
|
135
134
|
} catch (e) {
|
|
136
|
-
|
|
135
|
+
console.log(e);
|
|
137
136
|
} finally {
|
|
138
137
|
this.loading = false;
|
|
139
138
|
}
|
|
140
139
|
},
|
|
141
140
|
|
|
142
141
|
async postLogin() {
|
|
143
|
-
const { data: user } = await this.$store.dispatch("getUser"
|
|
144
|
-
errors: this.$root.errors,
|
|
145
|
-
});
|
|
142
|
+
const { data: user } = await this.$store.dispatch("getUser");
|
|
146
143
|
|
|
147
144
|
if (window.dataLayer) {
|
|
148
145
|
window.dataLayer.push({ event: "login", user });
|
|
@@ -4,16 +4,16 @@
|
|
|
4
4
|
<h1 class="h2 h2--small">Reset password</h1>
|
|
5
5
|
<form class="form" @submit.prevent="submit">
|
|
6
6
|
<div v-if="!form.successful">
|
|
7
|
-
<p class="
|
|
7
|
+
<p class="mt-2 mb-0 color-highlight">
|
|
8
8
|
<strong class="">Email: {{ form?.email }}</strong>
|
|
9
9
|
</p>
|
|
10
|
-
<p class="
|
|
10
|
+
<p class="mt-0.5">
|
|
11
11
|
Please create a new password. Passwords you have used
|
|
12
12
|
previously aren’t permitted.
|
|
13
13
|
</p>
|
|
14
14
|
<el-input
|
|
15
15
|
v-model="form.password"
|
|
16
|
-
class="
|
|
16
|
+
class="mt-3"
|
|
17
17
|
label="New Password"
|
|
18
18
|
placeholder="Enter new password"
|
|
19
19
|
name="password"
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
<h4 class="mt" v-text="`Success!`" />
|
|
52
52
|
<p v-text="`Your password has been reset.`" />
|
|
53
53
|
</div>
|
|
54
|
-
<p class="disclaimer
|
|
54
|
+
<p class="disclaimer mt-3">
|
|
55
55
|
<router-link
|
|
56
56
|
class="color-1 underline"
|
|
57
57
|
:to="{ name: 'auth.login' }"
|
|
@@ -108,7 +108,7 @@ export default {
|
|
|
108
108
|
query: { email: this.form.email },
|
|
109
109
|
});
|
|
110
110
|
}
|
|
111
|
-
|
|
111
|
+
console.log(e);
|
|
112
112
|
}
|
|
113
113
|
},
|
|
114
114
|
|
|
@@ -4,15 +4,15 @@
|
|
|
4
4
|
<h1 class="h2 h2--small">Reset password</h1>
|
|
5
5
|
|
|
6
6
|
<form class="form" @submit.prevent="submit">
|
|
7
|
-
<p class="
|
|
7
|
+
<p class="mt-2 mb-0 color-highlight">
|
|
8
8
|
<strong class="">Email: {{ form?.email }}</strong>
|
|
9
9
|
</p>
|
|
10
|
-
<p class="
|
|
10
|
+
<p class="mt">
|
|
11
11
|
If this account exists we have sent an email containing
|
|
12
12
|
instructions for resetting the password.
|
|
13
13
|
<strong>Please check your inbox.</strong>
|
|
14
14
|
</p>
|
|
15
|
-
<p class="
|
|
15
|
+
<p class="mt-3 mb">
|
|
16
16
|
Haven’t received the email after 10 minutes?
|
|
17
17
|
</p>
|
|
18
18
|
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
Re-send instructions
|
|
38
38
|
</elButton>
|
|
39
39
|
|
|
40
|
-
<p class="disclaimer
|
|
40
|
+
<p class="disclaimer mt-3">
|
|
41
41
|
<router-link
|
|
42
42
|
class="color-1 underline"
|
|
43
43
|
:to="{ name: `auth.login` }"
|
|
@@ -52,6 +52,7 @@
|
|
|
52
52
|
|
|
53
53
|
<script>
|
|
54
54
|
import Form from "form-backend-validation";
|
|
55
|
+
import { ElNotification } from "element-plus";
|
|
55
56
|
|
|
56
57
|
export default {
|
|
57
58
|
components: {
|
|
@@ -78,7 +79,7 @@ export default {
|
|
|
78
79
|
|
|
79
80
|
await this.form.post("/forgot-password");
|
|
80
81
|
|
|
81
|
-
|
|
82
|
+
ElNotification({
|
|
82
83
|
type: "success",
|
|
83
84
|
message: "Email has been re-sent",
|
|
84
85
|
duration: 10000,
|
|
@@ -86,14 +87,14 @@ export default {
|
|
|
86
87
|
});
|
|
87
88
|
} catch (e) {
|
|
88
89
|
if (e.response && e.response.status === 422) {
|
|
89
|
-
this.notification =
|
|
90
|
+
this.notification = ElNotification({
|
|
90
91
|
type: "warning",
|
|
91
92
|
message: "Please allow 10 minutes before re-requesting",
|
|
92
93
|
duration: 0,
|
|
93
94
|
class: "el-notification--warning el-notification--right-override",
|
|
94
95
|
});
|
|
95
96
|
} else {
|
|
96
|
-
|
|
97
|
+
console.log(e);
|
|
97
98
|
}
|
|
98
99
|
}
|
|
99
100
|
},
|
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
<section id="resetPasswordForm">
|
|
4
4
|
<h1 class="h2 h2--small">Success</h1>
|
|
5
5
|
|
|
6
|
-
<p class="
|
|
6
|
+
<p class="mt-2 mb-0 color-highlight">
|
|
7
7
|
<strong class="">Email: {{ $route.query.email }}</strong>
|
|
8
8
|
</p>
|
|
9
|
-
<p class="
|
|
9
|
+
<p class="mt">
|
|
10
10
|
Your password has been reset. Please sign in to continue.
|
|
11
11
|
</p>
|
|
12
12
|
|
|
@@ -2,17 +2,15 @@
|
|
|
2
2
|
<h1 class="h2 h2--small">Verify your email address</h1>
|
|
3
3
|
|
|
4
4
|
<form class="form" @submit.prevent="submit">
|
|
5
|
-
<p class="
|
|
5
|
+
<p class="mt-2 mb-0 color-highlight">
|
|
6
6
|
<strong class="">Email: {{ user?.email }}</strong>
|
|
7
7
|
</p>
|
|
8
|
-
<p class="
|
|
8
|
+
<p class="mt-0.5">
|
|
9
9
|
<strong>Please check your inbox</strong> for a Verification email
|
|
10
10
|
from {{ $root.appName }}. Click the link in that email to verify
|
|
11
11
|
your email address and complete your registration.
|
|
12
12
|
</p>
|
|
13
|
-
<p class="
|
|
14
|
-
Haven’t received the email after 10 minutes?
|
|
15
|
-
</p>
|
|
13
|
+
<p class="mt-0.5 mb-0">Haven’t received the email after 10 minutes?</p>
|
|
16
14
|
|
|
17
15
|
<el-input
|
|
18
16
|
class="hidden"
|
|
@@ -26,7 +24,7 @@
|
|
|
26
24
|
/>
|
|
27
25
|
|
|
28
26
|
<elButton
|
|
29
|
-
class="
|
|
27
|
+
class="mt mb-3"
|
|
30
28
|
native-type="submit"
|
|
31
29
|
type="primary"
|
|
32
30
|
:disabled="form.processing"
|
|
@@ -36,7 +34,7 @@
|
|
|
36
34
|
Re-send verification link
|
|
37
35
|
</elButton>
|
|
38
36
|
|
|
39
|
-
<p class="disclaimer
|
|
37
|
+
<p class="disclaimer mt-1.5">
|
|
40
38
|
Having trouble singing in?
|
|
41
39
|
<a :href="$store.state.auth.contact" class="underline"
|
|
42
40
|
>Contact us</a
|
|
@@ -47,6 +45,7 @@
|
|
|
47
45
|
|
|
48
46
|
<script>
|
|
49
47
|
import Form from "form-backend-validation";
|
|
48
|
+
import { ElNotification } from "element-plus";
|
|
50
49
|
|
|
51
50
|
export default {
|
|
52
51
|
components: {
|
|
@@ -74,7 +73,7 @@ export default {
|
|
|
74
73
|
|
|
75
74
|
await this.form.post("/email/verification-notification");
|
|
76
75
|
|
|
77
|
-
|
|
76
|
+
ElNotification({
|
|
78
77
|
type: "success",
|
|
79
78
|
message: "Email has been re-sent",
|
|
80
79
|
duration: 10000,
|
|
@@ -82,30 +81,28 @@ export default {
|
|
|
82
81
|
});
|
|
83
82
|
} catch (e) {
|
|
84
83
|
if (e.response && e.response.status === 429) {
|
|
85
|
-
this.notification =
|
|
84
|
+
this.notification = ElNotification({
|
|
86
85
|
type: "warning",
|
|
87
86
|
message: "Please allow 10 minutes before re-requesting",
|
|
88
87
|
duration: 0,
|
|
89
88
|
class: "el-notification--warning el-notification--right-override",
|
|
90
89
|
});
|
|
91
90
|
} else if (e.response && e.response.status === 422) {
|
|
92
|
-
this.notification =
|
|
91
|
+
this.notification = ElNotification({
|
|
93
92
|
type: "error",
|
|
94
93
|
message: e.response.data.message,
|
|
95
94
|
duration: 0,
|
|
96
95
|
class: "el-notification--error el-notification--right-override",
|
|
97
96
|
});
|
|
98
97
|
} else {
|
|
99
|
-
|
|
98
|
+
console.log(e);
|
|
100
99
|
}
|
|
101
100
|
}
|
|
102
101
|
},
|
|
103
102
|
},
|
|
104
103
|
|
|
105
104
|
async mounted() {
|
|
106
|
-
this.user = await this.$store.dispatch("getUser"
|
|
107
|
-
errors: this.$root.errors,
|
|
108
|
-
});
|
|
105
|
+
this.user = await this.$store.dispatch("getUser");
|
|
109
106
|
|
|
110
107
|
this.form.email = this.user.email;
|
|
111
108
|
},
|
package/_defaults.scss
CHANGED
|
@@ -5,5 +5,5 @@
|
|
|
5
5
|
$colors: variables.dynamic("color", module-variables("variables"));
|
|
6
6
|
|
|
7
7
|
// Override lab-ui defaults here, e.g $button: $color6;
|
|
8
|
-
$fontColor: $
|
|
9
|
-
$fontFamily: $primaryFont, sans-serif
|
|
8
|
+
$fontColor: $color1;
|
|
9
|
+
$fontFamily: $primaryFont, sans-serif;
|
package/components/_auth.scss
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
// AuthModule
|
|
2
1
|
.AuthModule {
|
|
3
2
|
position: fixed;
|
|
4
3
|
background-color: black;
|
|
@@ -13,10 +12,12 @@
|
|
|
13
12
|
width: 13.3rem;
|
|
14
13
|
z-index: 99;
|
|
15
14
|
}
|
|
15
|
+
|
|
16
16
|
@include breakpoint(max-width $tabletMax) {
|
|
17
17
|
background: url("../media/content/images/hero-auth-background-tablet.jpg")
|
|
18
18
|
center top no-repeat;
|
|
19
19
|
}
|
|
20
|
+
|
|
20
21
|
@include breakpoint(max-width $mobileMax) {
|
|
21
22
|
background: url("../media/content/images/hero-auth-background-mobile.jpg")
|
|
22
23
|
center top no-repeat;
|
|
@@ -39,6 +40,7 @@
|
|
|
39
40
|
transform: translate(-50%, 0);
|
|
40
41
|
padding: 24px;
|
|
41
42
|
width: calc(100% - 80px);
|
|
43
|
+
|
|
42
44
|
h2 .h2 {
|
|
43
45
|
font-size: 24px;
|
|
44
46
|
line-height: 32px;
|
|
@@ -50,6 +52,7 @@
|
|
|
50
52
|
line-height: 50px;
|
|
51
53
|
font-size: 48px;
|
|
52
54
|
}
|
|
55
|
+
|
|
53
56
|
.h2--small {
|
|
54
57
|
font-size: 36px;
|
|
55
58
|
line-height: 44px;
|
|
@@ -60,14 +63,17 @@
|
|
|
60
63
|
line-height: 20px;
|
|
61
64
|
margin-bottom: 24px;
|
|
62
65
|
letter-spacing: -0.1px;
|
|
66
|
+
|
|
63
67
|
&.disclaimer {
|
|
64
68
|
font-size: 12px;
|
|
65
69
|
color: rgba($color1, 0.5);
|
|
66
70
|
margin: 0;
|
|
67
71
|
}
|
|
72
|
+
|
|
68
73
|
a {
|
|
69
74
|
color: $color1;
|
|
70
75
|
}
|
|
76
|
+
|
|
71
77
|
&.form__error {
|
|
72
78
|
font-size: 12px;
|
|
73
79
|
line-height: 18px;
|
|
@@ -79,6 +85,7 @@
|
|
|
79
85
|
width: 200px;
|
|
80
86
|
padding: 9px 23.5px;
|
|
81
87
|
font-size: 14px;
|
|
88
|
+
|
|
82
89
|
@include breakpoint(max-width $mobileMax) {
|
|
83
90
|
max-width: unset;
|
|
84
91
|
width: 100%;
|
|
@@ -92,43 +99,38 @@
|
|
|
92
99
|
border: 0.4px solid red;
|
|
93
100
|
}
|
|
94
101
|
}
|
|
102
|
+
|
|
95
103
|
.form__input.error {
|
|
96
104
|
border: none;
|
|
105
|
+
|
|
97
106
|
.el-input__wrapper {
|
|
98
107
|
border: 0.4px solid red;
|
|
99
108
|
}
|
|
100
109
|
}
|
|
101
110
|
}
|
|
102
|
-
// &__icon-container{
|
|
103
|
-
// position: absolute;
|
|
104
|
-
// top: 50%;
|
|
105
|
-
// right: $spacing * 1.5;
|
|
106
|
-
// transform: translateY(-50%);
|
|
107
|
-
// display: flex;
|
|
108
|
-
// }
|
|
109
|
-
// &__action-icon {
|
|
110
|
-
// margin-left: $spacing * 0.5;
|
|
111
|
-
// cursor: pointer;
|
|
112
|
-
// }
|
|
113
111
|
}
|
|
112
|
+
|
|
114
113
|
.vel-basic__label {
|
|
115
114
|
font-size: 12px;
|
|
116
115
|
color: rgba($color1, 0.5);
|
|
117
116
|
}
|
|
117
|
+
|
|
118
118
|
.vel-basic__textbox {
|
|
119
119
|
--el-border-color: #cfd8dd;
|
|
120
120
|
--el-input-text-color: #666666;
|
|
121
121
|
--el-input-focus-border-color: #cfd8dd;
|
|
122
122
|
--el-input-hover-border-color: #cfd8dd;
|
|
123
123
|
font-size: 14px;
|
|
124
|
-
|
|
124
|
+
|
|
125
125
|
.el-input__inner {
|
|
126
126
|
--el-input-inner-height: 38px;
|
|
127
127
|
}
|
|
128
128
|
}
|
|
129
|
+
|
|
129
130
|
.el-button--primary {
|
|
130
131
|
--el-button-text-color: #ffffff;
|
|
131
132
|
}
|
|
133
|
+
|
|
132
134
|
input,
|
|
133
135
|
input:focus {
|
|
134
136
|
@extend .el-input__inner;
|
|
@@ -140,9 +142,11 @@
|
|
|
140
142
|
top: 48px;
|
|
141
143
|
left: 0%;
|
|
142
144
|
}
|
|
145
|
+
|
|
143
146
|
.AuthModule__logo {
|
|
144
147
|
position: relative;
|
|
145
148
|
}
|
|
149
|
+
|
|
146
150
|
.AuthModule__Content {
|
|
147
151
|
position: absolute;
|
|
148
152
|
z-index: 1;
|
|
@@ -154,52 +158,6 @@
|
|
|
154
158
|
height: 100%;
|
|
155
159
|
}
|
|
156
160
|
|
|
157
|
-
.
|
|
158
|
-
|
|
159
|
-
}
|
|
160
|
-
.AM-mt {
|
|
161
|
-
margin-top: $am-spacing !important;
|
|
162
|
-
}
|
|
163
|
-
.AM-pb {
|
|
164
|
-
padding-bottom: $am-spacing !important;
|
|
165
|
-
}
|
|
166
|
-
.AM-pt {
|
|
167
|
-
padding-top: $am-spacing !important;
|
|
168
|
-
}
|
|
169
|
-
@for $i from 1 through 5 {
|
|
170
|
-
.AM-mb-#{$i - 1} {
|
|
171
|
-
margin-bottom: ($i - 1) * $am-spacing !important;
|
|
172
|
-
}
|
|
173
|
-
|
|
174
|
-
.AM-mb-#{$i - 1}\.5 {
|
|
175
|
-
margin-bottom: ($i - 0.5) * $am-spacing !important;
|
|
176
|
-
}
|
|
177
|
-
|
|
178
|
-
.AM-mt-#{$i - 1} {
|
|
179
|
-
margin-top: ($i - 1) * $am-spacing !important;
|
|
180
|
-
}
|
|
181
|
-
|
|
182
|
-
.AM-mt-#{$i - 1}\.5 {
|
|
183
|
-
margin-top: ($i - 0.5) * $am-spacing !important;
|
|
184
|
-
}
|
|
185
|
-
|
|
186
|
-
.AM-pt-#{$i - 1} {
|
|
187
|
-
padding-top: ($i - 1) * $am-spacing !important;
|
|
188
|
-
}
|
|
189
|
-
|
|
190
|
-
.AM-pt-#{$i - 1}\.5 {
|
|
191
|
-
padding-top: ($i - 0.5) * $am-spacing !important;
|
|
192
|
-
}
|
|
193
|
-
|
|
194
|
-
.AM-pb-#{$i - 1} {
|
|
195
|
-
padding-bottom: ($i - 1) * $am-spacing !important;
|
|
196
|
-
}
|
|
197
|
-
|
|
198
|
-
.AM-pb-#{$i - 1}\.5 {
|
|
199
|
-
padding-bottom: ($i - 0.5) * $am-spacing !important;
|
|
200
|
-
}
|
|
201
|
-
}
|
|
202
|
-
|
|
203
|
-
.AM-color-highlight {
|
|
204
|
-
color: $am-highlight;
|
|
161
|
+
.color-highlight {
|
|
162
|
+
color: green;
|
|
205
163
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fishawack/lab-velocity",
|
|
3
|
-
"version": "2.0.0-beta.
|
|
3
|
+
"version": "2.0.0-beta.9",
|
|
4
4
|
"description": "Avalere Health branded style system",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"setup": "npm ci || npm i && npm run content",
|
|
@@ -62,7 +62,6 @@
|
|
|
62
62
|
},
|
|
63
63
|
"files": [
|
|
64
64
|
"*.scss",
|
|
65
|
-
"modules",
|
|
66
65
|
"components",
|
|
67
66
|
"_Build/vue/components",
|
|
68
67
|
"_Build/vue/modules/AuthModule"
|