From 206f97f0c547903317d34d90cc3a36ed903e4c4c Mon Sep 17 00:00:00 2001
From: lsy <lsy22@vip.qq.com>
Date: Fri, 6 Dec 2024 11:51:40 +0800
Subject: [PATCH] =?UTF-8?q?=E7=B2=92=E5=AD=90=E5=9B=BE=E7=94=BB=E5=8F=98?=
 =?UTF-8?q?=E8=87=AA=E9=80=82=E5=BA=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/hooks/ParticleImage.tsx   |  9 +++------
 frontend/themes/echoes/article.tsx | 12 +++++++-----
 2 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/frontend/hooks/ParticleImage.tsx b/frontend/hooks/ParticleImage.tsx
index 726cd0c..a647545 100644
--- a/frontend/hooks/ParticleImage.tsx
+++ b/frontend/hooks/ParticleImage.tsx
@@ -207,10 +207,7 @@ const BG_CONFIG = {
     via: 'rgb(8,27,57)', 
     to: 'rgb(2,8,23)'
   },
-  className: 'bg-gradient-to-br from-[rgb(248,250,252)] via-[rgb(241,245,249)] to-[rgb(236,241,247)] dark:from-[rgb(10,37,77)] dark:via-[rgb(8,27,57)] dark:to-[rgb(2,8,23)]',
-  size: {
-    container: 'w-[120px] md:w-[140px] h-[120px] md:h-[140px]'
-  }
+  className: 'bg-gradient-to-br from-[rgb(248,250,252)] via-[rgb(241,245,249)] to-[rgb(236,241,247)] dark:from-[rgb(10,37,77)] dark:via-[rgb(8,27,57)] dark:to-[rgb(2,8,23)]'
 };
 
 export const ParticleImage = ({ 
@@ -243,7 +240,7 @@ export const ParticleImage = ({
     // 更新渲染器大小
     rendererRef.current.setSize(width, height);
 
-    // 只有当尺寸变化超���阈值时才重生成粒子
+    // 只有当尺寸变化超阈值时才重生成粒子
     const currentSize = Math.min(width, height);
     const previousSize = sceneRef.current.userData.previousSize || currentSize;
     const sizeChange = Math.abs(currentSize - previousSize) / previousSize;
@@ -784,7 +781,7 @@ export const ImageLoader = ({
   }, [src, preloadImage]);
 
   return (
-    <div className={`relative ${BG_CONFIG.size.container} shrink-0 overflow-hidden`}>
+    <div className="relative w-full h-full overflow-hidden">
       <div className={`absolute inset-0 ${BG_CONFIG.className} rounded-lg overflow-hidden`}>
         <ParticleImage 
           src={src} 
diff --git a/frontend/themes/echoes/article.tsx b/frontend/themes/echoes/article.tsx
index 6692eb8..66796e0 100644
--- a/frontend/themes/echoes/article.tsx
+++ b/frontend/themes/echoes/article.tsx
@@ -157,11 +157,13 @@ export default new Template({}, ({ http, args }) => {
           >
             <div className="p-4 relative flex flex-col gap-4">
               <div className="flex gap-4">
-                <ImageLoader
-                  src={article.coverImage}
-                  alt={article.title || ""}
-                  className="group-hover:scale-105 transition-transform duration-500 relative z-[1] object-cover rounded-lg shrink-0"
-                />
+                <div className="w-[120px] md:w-[140px] h-[120px] md:h-[140px]">
+                  <ImageLoader
+                    src={article.coverImage}
+                    alt={article.title || ""}
+                    className="group-hover:scale-105 transition-transform duration-500 relative z-[1] object-cover rounded-lg"
+                  />
+                </div>
 
                 <div className="flex-1 min-w-0">
                   <Heading