Add color-derived blurred side glow behind timeline images

Hop-State: A_06FP8Z3NA8RHHDAGXSGA42R Hop-Proposal: R_06FP8Z2X1TX81NY6227KPHR Hop-Task: T_06FP8YSQSSQRHCQ9FVFBJRG Hop-Attempt: AT_06FP8YSQSRS998YJX8339S8
2026-07-14 23:35:05 -07:00
parent 068d6d8bc0
commit 65e901393b
3 changed files with 55 additions and 1 deletions
@@ -9,6 +9,7 @@ import { Post, LinkPreviewMediaItem } from '@/lib/types';
 import { useAuth } from '@/lib/contexts/AuthContext';
 import { useToast } from '@/lib/contexts/ToastContext';
 import { VideoEmbed } from '@/components/VideoEmbed';
+import BlurredImage from '@/components/BlurredImage';
 import BlurredVideo from '@/components/BlurredVideo';
 import { useFormattedHandle } from '@/lib/utils/handle';
 import { useDomain } from '@/lib/contexts/ConfigContext';
@@ -891,7 +892,10 @@ export function PostCard({ post, onLike, onRepost, onComment, onDelete, onHide,
                                            }}
                                        />
                                    ) : (
-                                        <img src={item.url} alt={item.altText || 'Post media'} loading="lazy" />
+                                        <BlurredImage
+                                            src={item.url}
+                                            alt={item.altText || 'Post media'}
+                                        />
                                    )}
                                </div>
                            );