Adjust screens for mobile responsive
This commit is contained in:
Binary file not shown.
|
Before Width: | Height: | Size: 890 KiB |
@@ -3,36 +3,18 @@
|
||||
--primary-hover: #497689;
|
||||
--light: #E4E9EF;
|
||||
--danger: #E54122;
|
||||
--body-margin: 50px;
|
||||
}
|
||||
|
||||
html {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
overflow: scroll;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
padding-top: 150px;
|
||||
padding-bottom: 100px;
|
||||
background: rgb(17, 25, 31);
|
||||
margin: var(--body-margin) 0;
|
||||
font-family: 'Nunito', sans-serif;
|
||||
|
||||
}
|
||||
|
||||
body::before {
|
||||
content: "";
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
height: calc(100vh - 2 * var(--body-margin));
|
||||
}
|
||||
|
||||
.logo {
|
||||
@@ -119,6 +101,7 @@ a:hover {
|
||||
width: 100%;
|
||||
max-width: 650px;
|
||||
margin: auto;
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600&display=swap" rel="stylesheet">
|
||||
</head>
|
||||
<body style="background: url({{ links.Assets }}/background.jpg) no-repeat center;background-size: cover;">
|
||||
<main class="auth">
|
||||
<body style="background: url({{ links.Assets }}/background.jpeg) no-repeat bottom;background-size: cover;background-attachment: fixed;" class="d-flex">
|
||||
<main class="auth justify-content-center align-items-center">
|
||||
<div class="card">
|
||||
{{ template "inc_nav.html.tpl" . }}
|
||||
|
||||
@@ -14,11 +14,16 @@
|
||||
</a>
|
||||
</div>
|
||||
{{ else if .user }}
|
||||
<ul class="nav ml-1">
|
||||
<ul class="nav ml-1 d-flex justify-content-around">
|
||||
{{/* @TO-DO Denis -- apply active class to selected nav item */}}
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="{{ links.Profile }}">Your profile</a>
|
||||
</li>
|
||||
{{ if .settings.LocalEnabled }}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{{ links.ChangePassword }}">Security</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{{ links.Sessions }}">Login sessions</a>
|
||||
</li>
|
||||
@@ -27,11 +32,6 @@
|
||||
<a class="nav-link" href="{{ links.AuthorizedClients }}">Authorized clients</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
{{ if .settings.LocalEnabled }}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{{ links.ChangePassword }}">Change password</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
||||
@@ -69,7 +69,7 @@
|
||||
{{ end }}
|
||||
{{ if .settings.SignupEnabled }}
|
||||
<div class="col cols-6 mb-5">
|
||||
<a href="{{ links.Signup }}">Create new account</a>
|
||||
<a href="{{ links.Signup }}">Create a new account</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user