diff --git a/client/src/containers/Setup/SetupInitializingForm.js b/client/src/containers/Setup/SetupInitializingForm.js
index d907a38b7..469bb1b7f 100644
--- a/client/src/containers/Setup/SetupInitializingForm.js
+++ b/client/src/containers/Setup/SetupInitializingForm.js
@@ -1,6 +1,7 @@
import React, { useEffect } from 'react';
import { useQuery } from 'react-query';
import { withWizard } from 'react-albus'
+import { ProgressBar, Intent } from '@blueprintjs/core';
import withOrganizationActions from 'containers/Organization/withOrganizationActions';
import withOrganization from 'containers/Organization/withOrganization'
@@ -29,7 +30,17 @@ function SetupInitializingForm({
return (
);
}
diff --git a/client/src/style/pages/register-wizard-page.scss b/client/src/style/pages/register-wizard-page.scss
index 598ed3462..4baf40271 100644
--- a/client/src/style/pages/register-wizard-page.scss
+++ b/client/src/style/pages/register-wizard-page.scss
@@ -1,6 +1,3 @@
-
-
-
.setup-page {
max-width: 1400px;
@@ -9,8 +6,8 @@
flex-direction: row;
width: 100%;
- &:before{
- content: "";
+ &:before {
+ content: '';
display: block;
width: 30%;
height: 1px;
@@ -18,7 +15,7 @@
max-width: 350px;
}
- h1{
+ h1 {
font-size: 22px;
}
h1,
@@ -28,7 +25,7 @@
}
}
- &__content{
+ &__content {
width: 70%;
padding-bottom: 40px;
}
@@ -87,14 +84,14 @@
}
}
- &__divider{
+ &__divider {
height: 3px;
width: 100px;
background: rgba(255, 255, 255, 0.15);
margin: 10px 0;
}
- &__footer{
+ &__footer {
margin-top: auto;
}
@@ -106,19 +103,19 @@
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
- &__links{
+ &__links {
text-align: left;
opacity: 0.55;
-
- > div{
+
+ > div {
font-size: 13px;
margin-right: 15px;
display: inline;
-
- a{
+
+ a {
color: #fff;
-
- &:hover{
+
+ &:hover {
text-decoration: underline;
}
}
@@ -129,18 +126,17 @@
}
.setup-page-steps {
-
&-container {
width: 80%;
margin: 0 auto;
padding: 50px 0 0;
}
- ul{
+ ul {
display: flex;
}
- li{
+ li {
position: relative;
list-style-type: none;
width: 25%;
@@ -244,4 +240,40 @@
font-size: 15px;
}
}
+}
+
+// setup initializing form
+.setup-initializing-form {
+ width: 95%;
+ margin: 0 auto;
+ padding: 16% 0 0;
+
+ .bp3-progress-bar {
+ background: rgba(92, 112, 128, 0.2);
+ border-radius: 40px;
+ display: block;
+ height: 8px;
+ overflow: hidden;
+ position: relative;
+ width: 80%;
+ margin: 0 auto;
+ }
+
+ &__title {
+ text-align: center;
+ margin-top: 35px;
+ h1 {
+ font-size: 24px;
+ font-weight: 700;
+ color: #000;
+ // color: #6d6d6d;
+ }
+
+ .paragraph {
+ font-size: 15px;
+ line-height: 1.5;
+ padding: 0 20%;
+ }
+
+ }
}
\ No newline at end of file