Adjust screens for mobile responsive

This commit is contained in:
Mia Arh
2021-03-06 16:45:22 +01:00
committed by Denis Arh
parent 2e88a9d5c9
commit c822099cb7
5 changed files with 13 additions and 30 deletions
Binary file not shown.

Before

Width:  |  Height:  |  Size: 890 KiB

+4 -21
View File
@@ -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 {
+2 -2
View File
@@ -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" . }}
+6 -6
View File
@@ -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 }}
+1 -1
View File
@@ -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>