Merge branch 'singUp' of https://github.com/ricardogj08/nabu into login
This commit is contained in:
commit
031bb3ff2e
|
@ -22,6 +22,9 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.sign-up__button {
|
.sign-up__button {
|
||||||
|
position: relative;
|
||||||
|
z-index: 2;
|
||||||
|
margin: 0;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
border: 2px solid var(--color-secondary-purple);
|
border: 2px solid var(--color-secondary-purple);
|
||||||
|
@ -30,7 +33,33 @@
|
||||||
transition: all ease-in 0.35s;
|
transition: all ease-in 0.35s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sign-up__button:hover {
|
.sign-up__container {
|
||||||
|
width: 236px;
|
||||||
|
height: 60px;
|
||||||
|
position: relative;
|
||||||
|
margin: 0 auto;
|
||||||
|
overflow: hidden;
|
||||||
|
border-radius: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sign-up__container > span {
|
||||||
|
content: "";
|
||||||
|
width: inherit;
|
||||||
|
height: inherit;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: -236px;
|
||||||
|
z-index: 1;
|
||||||
|
pointer-events: none;
|
||||||
background-color: var(--color-secondary-purple);
|
background-color: var(--color-secondary-purple);
|
||||||
color: var(--color-background);
|
transition: all ease-in-out 600ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sign-up__container:hover > span {
|
||||||
|
left: 0;
|
||||||
|
border-radius: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sign-up__container:hover > .sign-up__button {
|
||||||
|
color: white;
|
||||||
}
|
}
|
|
@ -53,7 +53,11 @@
|
||||||
<span class="name__field">Confirmar contraseña</span>
|
<span class="name__field">Confirmar contraseña</span>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
<input class="sign-up__button"type="submit" name="signup-submit" value="Registrarme" aria-label="Registrar">
|
<div class="sign-up__container">
|
||||||
|
<input class="sign-up__button"type="submit" name="signup-submit" value="Registrarme" aria-label="Registrar">
|
||||||
|
<span></span>
|
||||||
|
|
||||||
|
</div>
|
||||||
<p class="form__already">¿Ya tienes cuenta?
|
<p class="form__already">¿Ya tienes cuenta?
|
||||||
<a href="<?= NABU_ROUTES['login'] ?>">Inicia sesión</a>.
|
<a href="<?= NABU_ROUTES['login'] ?>">Inicia sesión</a>.
|
||||||
</p>
|
</p>
|
||||||
|
|
Loading…
Reference in a new issue