add page login/register
This commit is contained in:
103
src/assets/styles/enterAccount.module.scss
Normal file
103
src/assets/styles/enterAccount.module.scss
Normal file
@ -0,0 +1,103 @@
|
||||
.main {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
width: 50%;
|
||||
height: 70%;
|
||||
}
|
||||
|
||||
.tabs {
|
||||
ul {
|
||||
li {
|
||||
width: 50%;
|
||||
cursor: pointer;
|
||||
a {
|
||||
text-align: center;
|
||||
font-family: "Montserrat", sans-serif;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
// box-shadow: 0 3px 5px 1px rgb(200, 200, 200);
|
||||
border: 1px solid rgb(220, 220, 220);
|
||||
border-top: none;
|
||||
&__wrapper {
|
||||
padding: 2%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
&__login {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
&__header {
|
||||
width: 100%;
|
||||
height: 20%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
h3 {
|
||||
display: block;
|
||||
font-size: 25px;
|
||||
font-family: "Montserrat", sans-serif;
|
||||
text-align: center;
|
||||
color: rgb(100, 100, 100);
|
||||
}
|
||||
}
|
||||
&__body {
|
||||
width: 100%;
|
||||
height: 60%;
|
||||
// border: 1px solid red;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
flex-direction: column;
|
||||
}
|
||||
&__footer {
|
||||
width: 100%;
|
||||
height: 20%;
|
||||
}
|
||||
}
|
||||
&__register {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
&__header {
|
||||
width: 100%;
|
||||
height: 15%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
h3 {
|
||||
display: block;
|
||||
font-size: 25px;
|
||||
font-family: "Montserrat", sans-serif;
|
||||
color: rgb(100, 100, 100);
|
||||
}
|
||||
}
|
||||
&__body {
|
||||
width: 100%;
|
||||
height: 75%;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
flex-direction: column;
|
||||
padding-bottom: 5px;
|
||||
&__fio {
|
||||
height: 15%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
&__footer {
|
||||
width: 100%;
|
||||
height: 10%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
7
src/assets/styles/profile.module.scss
Normal file
7
src/assets/styles/profile.module.scss
Normal file
@ -0,0 +1,7 @@
|
||||
.main {
|
||||
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
|
||||
}
|
Reference in New Issue
Block a user