forked from
pds.ls/pdsls
atproto explorer
tweak collection page layout
+8
-11
+8
-11
src/views/collection.tsx
+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() ?