feat: 스켈레톤 위치 수정

fun-eat · Mar 19, 2024 · cd12691 · cd12691
1 parent 8451c4d
commit cd12691
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/components/Product/ProductItem/ProductItem.tsx b/src/components/Product/ProductItem/ProductItem.tsx
@@ -33,7 +33,12 @@ const ProductItem = ({ product }: ProductItemProps) => {
         loading="lazy"
         onLoad={() => setIsImageLoading(false)}
       />
-      {isImageLoading && <Skeleton width={163} height={163} />}
+      {/*스켈레톤 디자인시스템에서 수정*/}
+      {isImageLoading && (
+        <div style={{ position: 'absolute', top: 0, left: 0 }}>
+          <Skeleton width={163} height={163} />
+        </div>
+      )}
       <div style={{ height: '8px' }} />
       <p className={productName}>{name}</p>
       <div style={{ height: '2px' }} />