Merge pull request #262 from Trombach/fix/background-image

use `Image` instead of `Picture` for background
Trombach · Jun 13, 2024 · 9e8c3e8 · 9e8c3e8 · vercel · Jun 13, 2024
2 parents 700af11 + 6af9f46
commit 9e8c3e8
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/.changeset/silly-toys-call.md b/.changeset/silly-toys-call.md
@@ -0,0 +1,5 @@
+---
+"homepage": patch
+---
+
+use `Image` instead of `Picture` for background
diff --git a/src/components/Nav/NavLink.astro b/src/components/Nav/NavLink.astro
@@ -24,7 +24,7 @@ const isActive = href === pathname || href === pathname.replace(/\/$/, "");
         transition:name="active-link"
         class:list={[
           "absolute -right-4 top-[calc(50%-(theme(spacing.2)/2))] h-2 w-2 rounded-full bg-foreground",
-          "group-hover:scale transition-transform group-hover:scale-x-[2.0] group-hover:scale-y-[0.1]",
+          "transition-transform group-hover:scale-x-[2.0] group-hover:scale-y-[0.1]",
           "lg:left-[calc(50%-(theme(spacing.2)/2))] lg:top-9",
         ]}
       />

diff --git a/src/layouts/Background.astro b/src/layouts/Background.astro
@@ -1,6 +1,6 @@
 ---
 import BackgroundImage from "@images/gradient.avif";
-import { Picture } from "astro:assets";
+import { Image } from "astro:assets";
 ---
 
 <div
@@ -10,7 +10,7 @@ import { Picture } from "astro:assets";
     "relative",
   ]}
 >
-  <Picture
+  <Image
     transition:persist="background"
     src={BackgroundImage}
     alt="Background"