kjannette/ax3Client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more

Browse Source
This commit is contained in:
Kenneth Jannette
2024-02-05 19:55:13 -06:00
parent 8d21d90582
commit b4c2e4283c
2 changed files with 74 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/Components/SignupPage/SignupPage.js
View File

@@ -590,7 +590,7 @@ const SignupPage = () => {
</div> </div>
<div className="details-button-box"> <div className="details-button-box">
<Button <Button
className="secondary-button back-button" className="secondary-button"
onClick={handleCancelAdd} onClick={handleCancelAdd}
labelText="Cancel" labelText="Cancel"
/> />
@@ -598,7 +598,7 @@ const SignupPage = () => {
<Button <Button
className="p-2 mr-2 primary-button signup-proceed-btn" className="p-2 mr-2 primary-button signup-proceed-btn"
onClick={handleAdd} onClick={handleAdd}
labelText="Add And Proceed To Payment" labelText="Proceed To Payment"
/> />
</div> </div>
</div> </div>

81
src/styles/signup.scss
View File

@@ -224,17 +224,22 @@
.show-addaccount-wrapper { .show-addaccount-wrapper {
display: flex; display: flex;
flex-direction: row; flex-direction: column;
justify-content: flex-end; justify-content: center;
width: 100%; align-items: center;
margin-left: auto;
margin-right: auto;
width: 800px;
} }
.show-addaccount-container { .show-addaccount-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 578px; width: 100%;
margin-top: 12px;
min-height: 200px; min-height: 200px;
margin-right: 14px; margin-left: auto;
margin-right: auto;
padding: 12px; padding: 12px;
border-radius: 10px; border-radius: 10px;
background-color: #fff; background-color: #fff;
@@ -250,15 +255,23 @@
.signup-select-wrapper { .signup-select-wrapper {
display: flex; display: flex;
flex-direction: row; flex-direction: column;
justify-content: flex-end; justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
width: 100%; width: 100%;
margin: 6px 0px; margin: 6px 0px;
} }
.signup-select-box { .signup-select-box {
width: 230px; display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-left: auto; margin-left: auto;
margin-right: auto;
width: 35%;
margin-top: 12px; margin-top: 12px;
margin-bottom: 12px; margin-bottom: 12px;
} }
@@ -284,7 +297,7 @@
} }
.signup-proceed-btn { .signup-proceed-btn {
width: 240px; width: 190px;
} }
// //
@media only screen and (max-width: 420px) { @media only screen and (max-width: 420px) {
@@ -379,4 +392,54 @@
margin-top: 0px; margin-top: 0px;
margin-bottom: 0px; margin-bottom: 0px;
} }
.show-addaccount-container {
display: flex;
flex-direction: column;
width: 340px !important;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
width: 360px;
}
.show-addaccount-wrapper {
width: 340px !important;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
}
.signup-select-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
margin: auto;
}
.signup-select-box {
width: 180px !important;
padding: 12px 0px;
margin: 10px auto;
}
.details-button-box {
width: 180px !important;
flex-direction: column;
}
.upload-button-box {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-right: 8px;
padding-right: 12px;
width: 180px !important;
margin-top: 18px;
}
} }