jaculabilis/danbooru
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add site logo to header.

Browse Source
This commit is contained in:
evazion
2022-05-21 13:30:21 -05:00
parent 1bcf93b816
commit d89db73c2f
3 changed files with 12 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/javascript/src/styles/common/page_header.scss
View File

@@ -6,6 +6,14 @@ header#top {
#app-name-header { #app-name-header {
font-size: var(--text-xxl); font-size: var(--text-xxl);
margin: 0 30px; margin: 0 30px;
#app-logo img {
width: 1.25em;
&:hover {
opacity: 0.8;
}
}
} }
menu { menu {

5
app/views/layouts/default.html.erb
View File

@@ -71,7 +71,10 @@
<% end %> <% end %>
<header id="top" class="mb-4"> <header id="top" class="mb-4">
<%= link_to Danbooru.config.app_name, root_path, id: "app-name-header", class: "font-bold font-header leading-normal" %> <div id="app-name-header" class="font-bold font-header leading-normal inline-flex items-center gap-1">
<%= link_to image_pack_tag("static/danbooru-logo-128x128.png"), root_path, id: "app-logo" %>
<%= link_to Danbooru.config.app_name, root_path, id: "app-name" %>
</div>
<div id="maintoggle" class="mobile-only"> <div id="maintoggle" class="mobile-only">
<a href="#"><%= menu_icon(id: "maintoggle-on") %></a> <a href="#"><%= menu_icon(id: "maintoggle-on") %></a>

BIN
public/images/danbooru-logo-128x128.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.3 KiB