🐛 Fix site logo image dimensions unconstrained

Closes #19

CHANGELOG.md

@@ -17,6 +17,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 - Bundled Mermaid for better vendor dependency management
 - Mermaid diagrams are now themed to match the configured colour scheme
 
+### Fixed
+
+- Site logo image dimensions are unconstrained ([#19](https://github.com/jpanther/congo/issues/19))
+
 ## [1.4.0] - 2021-10-20
 
 ### Added

assets/css/compiled/main.css

@@ -2143,6 +2143,10 @@ body a, body button {
   height: 9rem;
 }
 
+.max-h-\[10rem\] {
+  max-height: 10rem;
+}
+
 .w-36 {
   width: 9rem;
 }
@@ -2171,6 +2175,10 @@ body a, body button {
   max-width: 65ch;
 }
 
+.max-w-\[10rem\] {
+  max-width: 10rem;
+}
+
 .max-w-full {
   max-width: 100%;
 }
@@ -2275,6 +2283,16 @@ body a, body button {
   background-color: var(--color-primary-600);
 }
 
+.object-scale-down {
+  -o-object-fit: scale-down;
+     object-fit: scale-down;
+}
+
+.object-left {
+  -o-object-position: left;
+     object-position: left;
+}
+
 .p-1 {
   padding: 0.25rem;
 }

exampleSite/config.toml

@@ -27,6 +27,9 @@ summaryLength = 0
 [taxonomies]
   tag = "tags"
 
+[params]
+  # logo = "logo.jpg"
+
 [params.homepage]
   layout = "custom"
   showRecent = true

layouts/partials/header.html

@@ -11,6 +11,7 @@
             src="{{ $logo.RelPermalink }}"
             width="{{ div $logo.Width 2 }}"
             height="{{ div $logo.Height 2 }}"
+            class="max-w-[10rem] max-h-[10rem] object-scale-down object-left"
             alt="{{ .Site.Title }}"
           />
         </a>