grain.social is a photo sharing platform built on atproto.

fix: spacing between the reply comment and gallery preview on the notifactions page

Changed files
+6 -2
src
+5 -2
src/components/GalleryPreviewLink.tsx
··· 6 6 import { galleryLink } from "../utils.ts"; 7 7 8 8 export function GalleryPreviewLink({ 9 + class: classProp, 9 10 gallery, 10 11 size = "default", 11 - }: Readonly<{ gallery: Un$Typed<GalleryView>; size?: "small" | "default" }>) { 12 + }: Readonly< 13 + { class?: string; gallery: Un$Typed<GalleryView>; size?: "small" | "default" } 14 + >) { 12 15 const gap = size === "small" ? "gap-1" : "gap-1"; 13 16 return ( 14 17 <a ··· 16 19 gallery.creator.handle, 17 20 new AtUri(gallery.uri).rkey, 18 21 )} 19 - class={cn("flex w-full aspect-[3/2] overflow-hidden", gap)} 22 + class={cn("flex w-full aspect-[3/2] overflow-hidden", gap, classProp)} 20 23 > 21 24 <div class="w-2/3 h-full"> 22 25 <img
+1
src/components/NotificationsPage.tsx
··· 196 196 ) 197 197 : ( 198 198 <GalleryPreviewLink 199 + class="mt-2" 199 200 gallery={gallery} 200 201 size="small" 201 202 />