fix(frontend): use explicit image dimensions

paulrobertlloyd · paulrobertlloyd · commit 5800028e953b · 2024-04-15T00:18:48.000+01:00
diff --git a/packages/frontend/components/heading/template.njk b/packages/frontend/components/heading/template.njk
@@ -2,7 +2,7 @@
 {% set srcOnError = opts.photo.srcOnError or "/assets/not-found.svg" %}
 <header class="{{ classes("heading", opts) }}">
   {% if opts.photo %}
-  <img class="heading__photo icon icon--rounded" src="{{ opts.photo.src }}" alt="{{ opts.photo.alt }}" onerror="this.src='{{ srcOnError }}'">
+  <img class="heading__photo icon icon--rounded" src="{{ opts.photo.src }}" alt="{{ opts.photo.alt }}" onerror="this.src='{{ srcOnError }}'" height="80" width="80">
   {% endif %}
   <h1 class="heading__title">
     {% if opts.parent.href %}
diff --git a/packages/frontend/components/widget/template.njk b/packages/frontend/components/widget/template.njk
@@ -7,7 +7,7 @@
   <header class="widget__header">
     {% if opts.title %}
     <h2 class="widget__title" id="{{ id }}">
-      <img class="icon icon--rounded" src="{{ opts.image }}" alt="" onerror="this.src='/assets/plug-in.svg'">
+      <img class="icon icon--rounded" src="{{ opts.image }}" alt="" onerror="this.src='/assets/plug-in.svg'" height="20" width="20">
       {{- opts.title | safe }}
     </h2>
     {% endif %}
