natalia.cancino
/
FrontPastel
1
0
Fork 0
Code Issues Pull Requests Packages Projects 1 Releases Wiki Activity

Commit corrección login y registro

This commit is contained in:
NataliaCancinoV 2024-04-23 23:23:57 -06:00
parent ea12d76d1a
commit 8c1cfbfa1a
1 changed files with 5 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
frontend/src/LoginForm.css
View File

@ -47,6 +47,7 @@ body{
height: 420px; height: 420px;
overflow: hidden; overflow: hidden;
z-index: 2; z-index: 2;
} }
.login-container{ .login-container{
position: absolute; position: absolute;
@ -56,6 +57,7 @@ body{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
transition: .5s ease-in-out; transition: .5s ease-in-out;
gap: 7px;
} }
.register-container{ .register-container{
position: absolute; position: absolute;
@ -64,6 +66,7 @@ body{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
transition: .5s ease-in-out; transition: .5s ease-in-out;
gap: 7px;
} }
.top span{ .top span{
color: #fff; color: #fff;
@ -86,7 +89,6 @@ header{
.two-forms{ .two-forms{
display: flex; display: flex;
gap: 20px; gap: 20px;
border-bottom: 100px;
} }
.input-field{ .input-field{
font-size: 15px; font-size: 15px;
@ -135,6 +137,7 @@ header{
color: #fff; color: #fff;
font-size: small; font-size: small;
margin-top: 10px; margin-top: 10px;
margin-bottom: 10px;
} }
.two-col .one{ .two-col .one{
display: flex; display: flex;
@ -147,44 +150,7 @@ header{
.two label a:hover{ .two label a:hover{
text-decoration: underline; text-decoration: underline;
} }
@media only screen and (max-width: 786px){
.nav-button{
display: none;
}
.nav-menu.responsive{
top: 100px;
}
.nav-menu{
position: absolute;
top: -800px;
display: flex;
justify-content: center;
background: rgba(255, 255, 255, 0.2);
width: 100%;
height: 90vh;
backdrop-filter: blur(20px);
transition: .3s;
}
.nav-menu ul{
flex-direction: column;
text-align: center;
}
.nav-menu-btn{
display: block;
}
.nav-menu-btn i{
font-size: 25px;
color: #fff;
padding: 10px;
background: rgba(255, 255, 255, 0.2);
border-radius: 50%;
cursor: pointer;
transition: .3s;
}
.nav-menu-btn i:hover{
background: rgba(255, 255, 255, 0.15);
}
}
@media only screen and (max-width: 540px) { @media only screen and (max-width: 540px) {
.wrapper{ .wrapper{
min-height: 100vh; min-height: 100vh;