From d093647215692b7018954afec8fa86d16bf34b00 Mon Sep 17 00:00:00 2001
From: Eltrac <hi@guhub.cn>
Date: Sat, 1 Nov 2025 09:40:24 +0800
Subject: perf(css): add explicit height and width to images reduce layout
 shifts

---
 layouts/_partials/components/logo.html | 4 +++-
 layouts/_partials/footer.html          | 2 ++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/layouts/_partials/components/logo.html b/layouts/_partials/components/logo.html
index e44fc9e9..226cb557 100644
--- a/layouts/_partials/components/logo.html
+++ b/layouts/_partials/components/logo.html
@@ -8,5 +8,7 @@
     class="title-image-container {{ $class }}">
     <img src="{{ $src }}" alt="Logo"
         class="dark:invert title-image {{ $imageClass }}"
-        style="view-transition-name: title-image" />
+        style="view-transition-name: title-image"
+        width="160px" height="154px"
+    />
 </a>
diff --git a/layouts/_partials/footer.html b/layouts/_partials/footer.html
index 1b218f7f..0711ef66 100644
--- a/layouts/_partials/footer.html
+++ b/layouts/_partials/footer.html
@@ -27,6 +27,8 @@
                         src="{{ .icon }}"
                         alt="{{ .name }} icon."
                         loading="lazy"
+                        width="1rem"
+                        height="1rem"
                     />
                 </a>
             </li>
-- 
cgit v1.2.3