signup page layout fix mobile, confirm-reset-page layout fix

This commit is contained in:
ARvind Tiwari 2017-07-28 18:27:38 +05:30
parent 53fc982837
commit a1191e14ac
4 changed files with 23 additions and 10 deletions

View file

@ -6,10 +6,12 @@
}
.content-dashboard{
min-height: 100vh;
min-height: calc(100vh - 120px);
width: 80%;
margin: 0 auto;
max-width: 1120px;
display: flex;
align-items: center;
}
.container-table{
margin-top: 35px;

View file

@ -45,6 +45,11 @@ h6 {
padding: 20px;
}
.navbar-transparent.topnav {
z-index: 1005;
margin-bottom: 0;
}
.navbar-transparent .navbar-nav>li>a {
color: #fff;
cursor: pointer;
@ -61,6 +66,7 @@ h6 {
.navbar-transparent #logoWhite{
display: block;
width: 220px;
/* color: #fff; */
}
.lead {
@ -220,8 +226,9 @@ h6 {
/*------Auth section---------*/
.auth-container {
height: 100vh;
/* height: 100vh; */
position: relative;
flex-grow: 1;
}
.auth-bg {
@ -260,11 +267,11 @@ h6 {
}
.auth-container .auth-center {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
/* position: absolute; */
/* left: 50%; */
/* top: 50%; */
/* transform: translate(-50%, -50%); */
/* width: 100%; */
}
.auth-container .auth-title {

View file

@ -2,6 +2,10 @@
{% load staticfiles bootstrap3%}
{% load i18n %}
{% block navbar %}
{% include 'hosting/includes/_navbar_transparent.html' %}
{% endblock navbar %}
{% block content %}
<div class="auth-container">
<div class="auth-bg"></div>
@ -25,7 +29,7 @@
{% bootstrap_field field show_label=False %}
{% endfor %}
{% buttons %}
<button type="submit" class="btn btn-default">
<button type="submit" class="btn btn-block btn-success">
{% trans "Reset"%}
</button>
{% endbuttons %}
@ -40,7 +44,7 @@
</div>
</div>
</div>
</div>
</div>
{% endblock %}

View file

@ -1,6 +1,6 @@
{% load static i18n %}
<nav class="navbar navbar-default navbar-fixed-top topnav navbar-transparent" role="navigation">
<nav class="navbar navbar-default topnav navbar-transparent" role="navigation">
<div class="container topnav">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">