Limit height not width for logos to allow for banner-style logos

As this logo is at the top of the page, width either side being white space, this is a prime spot for using a banner-style logo. By limiting the image height, rather than width, this allows the logo to take up as much horizontal space as it likes.
shtlrs · Jun 3, 2023 · 61c8c8d · 61c8c8d
1 parent 47a789d
commit 61c8c8d
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/asset/pinnwand.scss b/src/asset/pinnwand.scss
@@ -214,7 +214,7 @@ header nav ul {
         vertical-align: middle;
 
         img.logo {
-            width: 3rem;
+            height: 5rem;
         }
     }
 }

diff --git a/src/pinnwand/static/pinnwand.css b/src/pinnwand/static/pinnwand.css
@@ -171,7 +171,7 @@ header nav ul {
     display: inline-block;
     vertical-align: middle; }
     header nav ul li img.logo {
-      width: 3rem; }
+      height: 5rem; }
 
 div.file-show {
   margin-top: .5rem; }