3
0

Revert auth screen and topbar title padding

This commit is contained in:
Jože Fortun
2022-11-23 15:20:33 +01:00
parent f629300c8c
commit d493077b7d
4 changed files with 13 additions and 11 deletions

View File

@@ -1,5 +1,5 @@
<template>
<div class="header-navigation d-flex align-items-center sticky-top pr-3">
<div class="header-navigation d-flex align-items-center sticky-top pr-3 pl-5">
<div
class="spacer"
:class="{
@@ -8,7 +8,7 @@
/>
<h2
class="d-none d-sm-inline-block text-truncate mb-0"
class="d-none d-sm-inline-block text-truncate mb-0 ml-1"
>
<slot name="title" />
</h2>
@@ -269,6 +269,10 @@ $nav-user-icon-size: 50px;
width: 100vw;
height: $header-height;
background-color: #F3F3F5 !important;
h2 {
padding-left: calc(0.5rem + 2px);
}
}
.topbar-dropdown-menu {
@@ -277,7 +281,7 @@ $nav-user-icon-size: 50px;
}
.spacer {
min-width: 66px;
min-width: 0px;
-webkit-transition: min-width 0.15s ease-in-out;
-moz-transition: min-width 0.15s ease-in-out;
-o-transition: min-width 0.15s ease-in-out;

View File

@@ -3,7 +3,6 @@
--primary-hover: #061E2C;
--light: #E4E9EF;
--danger: #E24646;
--body-margin: 2.6vw;
}
html {
@@ -12,9 +11,8 @@ html {
body {
margin-top: var(--body-margin);
font-family: 'Poppins', sans-serif;
min-height: calc(100% - var(--body-margin));
min-height: 100%;
display: grid;
grid-template-rows: auto;
}

View File

@@ -1,6 +1,6 @@
</main>
{{ template "inc_toasts.html.tpl" .alerts }}
<footer class="d-flex align-items-end justify-content-center text-white p-2 pt-4">
<footer class="d-flex align-items-end justify-content-center text-white py-4">
{{ tr "inc_footer.code-link" }}<a data-test-id="link-github" href="https://github.com/cortezaproject/" target="_blank" class="text-white ml-2">GitHub</a>
</footer>
</body>

View File

@@ -14,9 +14,9 @@
<link href="{{ links.AuthAssets }}/style.css?{{ buildtime }}" rel="stylesheet">
<title>Corteza</title>
</head>
<body style="background: url({{ links.Assets }}/release-background.png) no-repeat top;background-size: cover;background-attachment: fixed; margin-top: 0;">
{{ if .user }}
<body style="background: url({{ links.Assets }}/release-background.png) no-repeat top;background-size: cover;background-attachment: fixed;">
<header>
{{ if .user }}
<div class="float-right text-white m-2">
<a class="font-weight-bold text-white" href="{{ links.Base }}"><i class="bi bi-grid-3x2-gap-fill text-white mr-1 align-middle" style="font-size: 1.4rem;"></i></a>
{{ tr "inc_header.logged-in-as" }}
@@ -24,9 +24,9 @@
|
<a data-test-id="link-logout" class="font-weight-bold text-white" href="{{ links.Logout }}">{{ tr "inc_header.logout" }}</a>
</div>
{{ end }}
</header>
{{ end }}
<main class="auth mt-3">
<main class="auth mt-sm-5">
<div class="card">
{{ template "inc_nav.html.tpl" . }}