+1 -1

src/components/json/appBskyEmbedImages.tsx

··· 44 44 <img 45 45 src={getBlueskyCdnLink(did, image.image.ref.$link, "jpeg")} 46 46 alt="" 47 47 - className={`w-full h-full cursor-pointer object-cover transition-transform duration-300 hover:scale-[101%] ${imageCount > 1 && "max-h-64"}`} 47 47 + className={`w-full max-w-96 h-full cursor-pointer object-cover transition-transform duration-300 hover:scale-[101%] ${imageCount > 1 && "max-h-64"}`} 48 48 style={{ 49 49 aspectRatio: imageCount === 1 ? "" : "1/1", 50 50 }}

+2 -2

src/components/renderJson.tsx

··· 97 97 } 98 98 } 99 99 return ( 100 100 - <div> 100 100 + <> 101 101 {Object.keys(props.data).map((k) => { 102 102 return ( 103 103 <div style={{ marginLeft: `${20}px` }}> ··· 111 111 </div> 112 112 ); 113 113 })} 114 114 - </div> 114 114 + </> 115 115 ); 116 116 }

+5 -3

src/routes/jetstream.lazy.tsx

··· 267 267 const loading = Object.values(loadingStates).some(Boolean); 268 268 return ( 269 269 <main className="h-screen w-full relative max-h-[calc(100vh-5rem)]"> 270 270 - <div className="max-w-screen-xl mx-auto py-16 gap-4 flex flex-col"> 270 270 + <div className="w-full max-w-screen-xl mx-auto py-16 gap-4 flex flex-col"> 271 271 <div className="px-4 lg:px-8 gap-4 flex flex-col w-full"> 272 272 <div className="flex flex-col md:flex-row"> 273 273 <div className="flex flex-row gap-4"> ··· 396 396 </div> 397 397 )} 398 398 </div> 399 399 - <div className="gap-8 flex flex-col max-w-[100vw] w-full overflow-scroll scrollbar-hide"> 399 399 + <div className="max-w-2xl w-full"> 400 400 {jet.records.map((r) => ( 401 401 - <RenderJson pds="" did={r.did} data={r} /> 401 401 + <div className="max-w-min text-wrap overflow-x-auto mb-8"> 402 402 + <RenderJson pds="" did={r.did} data={r} /> 403 403 + </div> 402 404 ))} 403 405 <div className="px-4 lg:px-8 "> 404 406 {jet.records.length} records in cache.