Use .icon-link to align logo

This commit is contained in:
Anton Khorev 2024-05-21 20:43:55 +03:00
parent 56a34d85cc
commit 1f4c06c01a
2 changed files with 3 additions and 9 deletions

View file

@ -107,14 +107,8 @@ header {
padding: $lineheight * 0.5;
}
img.logo {
margin-top: -2px;
}
h1 {
font-size: 18px;
line-height: 1.2;
padding-top: 15px;
}
.btn {

View file

@ -1,7 +1,7 @@
<header class="d-flex bg-body text-nowrap closed z-3">
<h1 class="m-0 fw-semibold">
<a href="<%= root_path %>" class="text-body-emphasis text-decoration-none geolink">
<%= image_tag "osm_logo.png", :srcset => image_path("osm_logo.svg"), :alt => t("layouts.logo.alt_text"), :width => 30, :height => 30, :class => "logo" %>
<h1 class="d-flex m-0 fw-semibold">
<a href="<%= root_path %>" class="icon-link gap-1 text-body-emphasis text-decoration-none geolink">
<%= image_tag "osm_logo.png", :srcset => image_path("osm_logo.svg"), :alt => t("layouts.logo.alt_text"), :size => 30 %>
<%= t "layouts.project_name.h1" %>
</a>
</h1>