From 56646e8d61c998a175b5b3fd7c0336ecd730ca0e Mon Sep 17 00:00:00 2001
From: thiloho <123883702+thiloho@users.noreply.github.com>
Date: Fri, 20 Dec 2024 16:17:21 +0100
Subject: [PATCH] Make nav logo image auto adjustable to width

---
 web-app/src/lib/templates/Nav.svelte    | 3 +--
 web-app/template-styles/blog-styles.css | 5 +++++
 web-app/template-styles/docs-styles.css | 5 +++++
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/web-app/src/lib/templates/Nav.svelte b/web-app/src/lib/templates/Nav.svelte
index 83776f0..32f4adc 100644
--- a/web-app/src/lib/templates/Nav.svelte
+++ b/web-app/src/lib/templates/Nav.svelte
@@ -75,9 +75,8 @@
         <strong>{websiteOverview.header.logo_text}</strong>
       {:else}
         <img
+          class="top-nav-logo"
           src="{apiUrl}/rpc/retrieve_file?id={websiteOverview.header.logo_image}"
-          width="32"
-          height="32"
           alt=""
         />
       {/if}
diff --git a/web-app/template-styles/blog-styles.css b/web-app/template-styles/blog-styles.css
index 9cff7ac..d55e871 100644
--- a/web-app/template-styles/blog-styles.css
+++ b/web-app/template-styles/blog-styles.css
@@ -71,6 +71,11 @@ section {
   scroll-margin-block-start: var(--space-xl);
 }
 
+.top-nav-logo {
+  max-block-size: var(--space-xl);
+  padding-block: var(--space-xs);
+}
+
 @media (min-width: 1525px) {
   #table-of-contents {
     position: fixed;
diff --git a/web-app/template-styles/docs-styles.css b/web-app/template-styles/docs-styles.css
index dc7e657..cf91317 100644
--- a/web-app/template-styles/docs-styles.css
+++ b/web-app/template-styles/docs-styles.css
@@ -49,6 +49,11 @@ section {
   scroll-margin-block-start: var(--space-xl);
 }
 
+.top-nav-logo {
+  max-block-size: var(--space-xl);
+  padding-block: var(--space-xs);
+}
+
 .docs-navigation {
   display: none;
   position: fixed;