From d89db73c2f7fa1ab9fb6be5e350631207c6a2e11 Mon Sep 17 00:00:00 2001 From: evazion Date: Sat, 21 May 2022 13:30:21 -0500 Subject: [PATCH] Add site logo to header. --- .../src/styles/common/page_header.scss | 8 ++++++++ app/views/layouts/default.html.erb | 5 ++++- public/images/danbooru-logo-128x128.png | Bin 0 -> 9494 bytes 3 files changed, 12 insertions(+), 1 deletion(-) create mode 100644 public/images/danbooru-logo-128x128.png diff --git a/app/javascript/src/styles/common/page_header.scss b/app/javascript/src/styles/common/page_header.scss index 2a7d7a410..16534f591 100644 --- a/app/javascript/src/styles/common/page_header.scss +++ b/app/javascript/src/styles/common/page_header.scss @@ -6,6 +6,14 @@ header#top { #app-name-header { font-size: var(--text-xxl); margin: 0 30px; + + #app-logo img { + width: 1.25em; + + &:hover { + opacity: 0.8; + } + } } menu { diff --git a/app/views/layouts/default.html.erb b/app/views/layouts/default.html.erb index 306f09bb2..164fb5565 100644 --- a/app/views/layouts/default.html.erb +++ b/app/views/layouts/default.html.erb @@ -71,7 +71,10 @@ <% end %>
- <%= link_to Danbooru.config.app_name, root_path, id: "app-name-header", class: "font-bold font-header leading-normal" %> +
+ <%= 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" %> +
<%= menu_icon(id: "maintoggle-on") %> diff --git a/public/images/danbooru-logo-128x128.png b/public/images/danbooru-logo-128x128.png new file mode 100644 index 0000000000000000000000000000000000000000..401bb609dbbdd1f3cb5eb404cff2787bffaf473f GIT binary patch literal 9494 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