diff --git a/src/main/resources/static/css/login.css b/src/main/resources/static/css/login.css index 88bfc63ef96bb5402d021ab407ce96119c875dab..6b4674175cd31c60bc189301a648c4f27716e982 100644 --- a/src/main/resources/static/css/login.css +++ b/src/main/resources/static/css/login.css @@ -288,20 +288,23 @@ and (max-device-width: 640px) { .container .toggle-left { transform: translateY(-100%); opacity: 0; + z-index: 1; } .container.active .toggle-right{ transform: translateY(50%); opacity: 0; + z-index: 1; } .container.active .toggle-left{ transform: translateY(-25%); opacity: 1; + z-index: 5; } .container .sign-up { opacity: 0; z-index: -1; - transform: translateY(0%); + transform: translateY(150%); } .container .sign-in { transform: translateY(-100%); @@ -310,13 +313,13 @@ and (max-device-width: 640px) { } .container.active .sign-in{ - transform: translateY(-100%); + transform: translateY(-150%); opacity: 0; z-index: -1; } .container.active .sign-up{ opacity: 1; - z-index: 10; + z-index: 5; transform: translateY(100%); } diff --git a/src/main/resources/templates/users/login.html b/src/main/resources/templates/users/login.html index 66ca9a64cea5f9d24382df3f143a84879259af96..a7b40ae5f9b2f83fb3034a5b48674d621e29011a 100644 --- a/src/main/resources/templates/users/login.html +++ b/src/main/resources/templates/users/login.html @@ -20,7 +20,6 @@ <div class="form-container sign-up"> <h1 class="form-title">Create Account</h1> <form th:object="${user}" action="#" th:action="@{/login/register}" th:method="POST" onsubmit="return registerFormValidation()"> - <h1>Create Account</h1> <div th:if="${error.equals('User exists')}" class="alert alert-error">User already exist</div> <label> <input class="input" th:field="*{name}" id="register-username" type="text" placeholder="Name">