QT/bigcapital
1
0
Fork 0
mirror of https://github.com/bigcapitalhq/bigcapital.git synced 2026-02-19 14:20:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'origin/RegisterWizard' into RegisterWizard

Browse Source
This commit is contained in:
Ahmed Bouhuolia
2020-10-13 21:51:55 +02:00
parent 8b97673100 938e833358
commit b2f3140f7c
2 changed files with 63 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
client/src/containers/Setup/SetupInitializingForm.js
View File

@@ -1,6 +1,7 @@
import React, { useEffect } from 'react'; import React, { useEffect } from 'react';
import { useQuery } from 'react-query'; import { useQuery } from 'react-query';
import { withWizard } from 'react-albus' import { withWizard } from 'react-albus'
import { ProgressBar, Intent } from '@blueprintjs/core';
import withOrganizationActions from 'containers/Organization/withOrganizationActions'; import withOrganizationActions from 'containers/Organization/withOrganizationActions';
import withOrganization from 'containers/Organization/withOrganization' import withOrganization from 'containers/Organization/withOrganization'
@@ -29,7 +30,17 @@ function SetupInitializingForm({
return ( return (
<div class="setup-initializing-form"> <div class="setup-initializing-form">
<h1>You organization is initializin...</h1> <ProgressBar intent={Intent.PRIMARY} value={null} />
<div className={'setup-initializing-form__title'}>
<h1>
{/* You organization is initializin... */}
It's time to make your accounting really simple!
</h1>
<p className={'paragraph'}>
while we set up your account,please remember to verify your account by
clicking on the link we sent to yout registered email address
</p>
</div>
</div> </div>
); );
} }

70
client/src/style/pages/register-wizard-page.scss
View File

@@ -1,6 +1,3 @@
.setup-page { .setup-page {
max-width: 1400px; max-width: 1400px;
@@ -9,8 +6,8 @@
flex-direction: row; flex-direction: row;
width: 100%; width: 100%;
&:before{ &:before {
content: ""; content: '';
display: block; display: block;
width: 30%; width: 30%;
height: 1px; height: 1px;
@@ -18,7 +15,7 @@
max-width: 350px; max-width: 350px;
} }
h1{ h1 {
font-size: 22px; font-size: 22px;
} }
h1, h1,
@@ -28,7 +25,7 @@
} }
} }
&__content{ &__content {
width: 70%; width: 70%;
padding-bottom: 40px; padding-bottom: 40px;
} }
@@ -87,14 +84,14 @@
} }
} }
&__divider{ &__divider {
height: 3px; height: 3px;
width: 100px; width: 100px;
background: rgba(255, 255, 255, 0.15); background: rgba(255, 255, 255, 0.15);
margin: 10px 0; margin: 10px 0;
} }
&__footer{ &__footer {
margin-top: auto; margin-top: auto;
} }
@@ -106,19 +103,19 @@
border-bottom: 1px solid rgba(255, 255, 255, 0.15); border-bottom: 1px solid rgba(255, 255, 255, 0.15);
} }
&__links{ &__links {
text-align: left; text-align: left;
opacity: 0.55; opacity: 0.55;
> div{ > div {
font-size: 13px; font-size: 13px;
margin-right: 15px; margin-right: 15px;
display: inline; display: inline;
a{ a {
color: #fff; color: #fff;
&:hover{ &:hover {
text-decoration: underline; text-decoration: underline;
} }
} }
@@ -129,18 +126,17 @@
} }
.setup-page-steps { .setup-page-steps {
&-container { &-container {
width: 80%; width: 80%;
margin: 0 auto; margin: 0 auto;
padding: 50px 0 0; padding: 50px 0 0;
} }
ul{ ul {
display: flex; display: flex;
} }
li{ li {
position: relative; position: relative;
list-style-type: none; list-style-type: none;
width: 25%; width: 25%;
@@ -244,4 +240,40 @@
font-size: 15px; 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%;
}
}
} }