atmosphere explorer pds.ls
tool typescript atproto
434
fork

Configure Feed

Select the types of activity you want to include in your feed.

inline load more in blob and pds page

Juliet da2558b2 394f1f4b

+3 -5
+2 -4
src/views/blob.tsx
··· 4 4 5 5 const LIMIT = 1000; 6 6 7 - const BlobView = (props: { pds: string; repo: string }) => { 7 + export const BlobView = (props: { pds: string; repo: string }) => { 8 8 const [cursor, setCursor] = createSignal<string>(); 9 9 let rpc: Client; 10 10 ··· 46 46 </div> 47 47 </Show> 48 48 <div class="dark:bg-dark-500 fixed bottom-0 z-5 flex w-screen justify-center bg-neutral-100 pt-2 pb-4"> 49 - <div class="flex flex-col items-center gap-1 pb-2"> 49 + <div class="flex min-w-50 items-center justify-around gap-3 pb-2"> 50 50 <p> 51 51 {blobs()?.length} blob{(blobs()?.length ?? 0 > 1) ? "s" : ""} 52 52 </p> ··· 69 69 </div> 70 70 ); 71 71 }; 72 - 73 - export { BlobView };
+1 -1
src/views/pds.tsx
··· 206 206 </div> 207 207 <Show when={!location.hash || location.hash === "#repos"}> 208 208 <div class="dark:bg-dark-500 fixed bottom-0 z-5 flex w-screen justify-center bg-neutral-100 pt-2 pb-4"> 209 - <div class="flex flex-col items-center gap-1 pb-2"> 209 + <div class="flex min-w-50 items-center justify-around gap-3 pb-2"> 210 210 <p>{repos()?.length} loaded</p> 211 211 <Show when={cursor()}> 212 212 <Button