Skip to content

Instantly share code, notes, and snippets.

@odessy
Created September 18, 2024 16:32
Show Gist options
  • Save odessy/8b1e41b948f68c773a2cba440da05e8c to your computer and use it in GitHub Desktop.
Save odessy/8b1e41b948f68c773a2cba440da05e8c to your computer and use it in GitHub Desktop.
Password page layout on mobile
@media only screen and (max-width: 768px) {
.template-password .input-group--inner-button {
display: flex;
flex-direction: column;
}
.template-password .input-group-button{
width: 100%;
}
.template-password .input-group .btn,
.template-password .input-group .input-group-field{
text-align: center;
margin: 0 auto;
}
.password-login{
display: flex;
flex-direction: column;
justify-content: center;
}
.password__footer__inner a,
.password__footer__inner .password__modal__button {
margin: calc( var(--inner) / 2) 0;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment