atproto explorer
0
fork

Configure Feed

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

tweak collection page layout

Juliet 39de0e20 86f7848a

+8 -11
+8 -11
src/views/collection.tsx
··· 205 205 206 206 return ( 207 207 <Show when={records.length || response()}> 208 - <div class="z-5 dark:bg-dark-700 sticky top-0 flex w-full flex-col items-center justify-center gap-2 bg-slate-100 py-3"> 208 + <div class="z-5 dark:bg-dark-700 sticky top-0 flex w-full flex-col items-center justify-center gap-2 bg-slate-100 py-4"> 209 209 <div 210 210 classList={{ 211 211 "flex items-center gap-2": true, ··· 312 312 </div> 313 313 <div class="flex items-center gap-x-2"> 314 314 <div> 315 - <Show when={records.length > 1}> 316 - <Show when={batchDelete()}> 317 - <span>{records.filter((rec) => rec.toDelete).length}</span> 318 - <span>/</span> 319 - </Show> 320 - <span>{records.length} records</span> 315 + <Show when={batchDelete()}> 316 + <span>{records.filter((rec) => rec.toDelete).length}</span> 317 + <span>/</span> 321 318 </Show> 319 + <span> 320 + {records.length} record{records.length > 1 ? "s" : ""} 321 + </span> 322 322 </div> 323 323 <Show when={cursor()}> 324 - <div class="flex h-[2rem] w-[5.5rem] text-nowrap items-center justify-center"> 324 + <div class="flex h-[2rem] w-[5.5rem] items-center justify-center text-nowrap"> 325 325 <Show when={!response.loading}> 326 326 <button 327 327 type="button" ··· 339 339 </div> 340 340 </div> 341 341 <div class="flex flex-col font-mono"> 342 - <p class="font-sans font-semibold text-stone-600 dark:text-stone-400"> 343 - Records 344 - </p> 345 342 <For 346 343 each={records.filter((rec) => 347 344 filter() ?