chore: improve logo loading

daniele-salvagni · Nov 29, 2024 · 1b6d7f5 · 1b6d7f5
1 parent 97dccca
commit 1b6d7f5
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/components/BaseHead.astro b/src/components/BaseHead.astro
@@ -21,6 +21,7 @@ const { title, description, image = '/blog-placeholder-1.jpg' } = Astro.props;
 <meta name="generator" content={Astro.generator} />
 
 <!-- Font preloads -->
+<link rel="preload" href="/img/logo.svg" as="image" type="image/svg+xml">
 <link rel="preload" href="/fonts/Menlo-Regular.woff2" as="font" type="font/woff" crossorigin />
 
 <!-- Canonical URL -->

diff --git a/src/components/Header.astro b/src/components/Header.astro
@@ -31,12 +31,15 @@ import { SITE_TITLE } from '../consts';
   .logo a,
   .logo a:hover {
     display: block;
-    max-width: 2.64rem;
+    /* max-width: 2.64rem; */
+    max-width: 3rem;
     margin: 0 auto;
     background: none;
   }
   .logo img {
     display: block;
+    height: 2.33rem;
+    margin: auto;
     border-radius: 0;
     transition: ease-in 0.15s;
     animation: dropShadow 6s ease-in infinite;