add page login/register

This commit is contained in:
kuwsh1n
2024-03-09 16:48:20 +03:00
parent 986ce3a725
commit c1c2f7cfc5
8 changed files with 226 additions and 28 deletions

View 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%;
}
}
}
}

View File

@ -0,0 +1,7 @@
.main {
}
.wrapper {
}