Fix alignment of navbar logo on smaller screens

This commit is contained in:
mark
2023-02-17 06:04:14 +01:00
parent 2f0e9f8a03
commit 2bff77cdae
2 changed files with 4 additions and 6 deletions

View File

@@ -89,8 +89,4 @@
}
}
.nav-spacing {
width: 26px;
}
// stylelint-enable annotation-no-unknown

View File

@@ -87,8 +87,10 @@
{{- partial "assets/icon.html" (dict "icon" "fas ellipsis") -}}
</button>
{{- else -}}
<!-- Insert spacing to center logo correctly on smaller screens -->
<div class="nav-spacing d-{{ $size }}-none"></div>
<!-- Insert invisible sidebar toggler to center logo correctly on smaller screens -->
<button class="navbar-toggler collapsed ms-n3 invisible" type="button">
{{- partial "assets/icon.html" (dict "icon" "fas ellipsis") -}}
</button>
{{- end -}}
<!-- Insert the brand logo or name -->