atmosphere explorer
pds.ls
tool
typescript
atproto
change position and size of collection icons
+16
-16
+16
-16
src/views/collection.tsx
+16
-16
src/views/collection.tsx
···
264
264
setLastSelected(undefined);
265
265
setBatchDelete(!batchDelete());
266
266
}}
267
-
class="flex items-center rounded-md p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
267
+
class="flex items-center rounded-md p-1.5 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
268
268
>
269
269
<span
270
-
class={`iconify text-lg ${batchDelete() ? "lucide--circle-x" : "lucide--trash-2"} `}
270
+
class={`iconify ${batchDelete() ? "lucide--circle-x" : "lucide--trash-2"} `}
271
271
></span>
272
272
</button>
273
273
}
···
278
278
children={
279
279
<button
280
280
onclick={() => selectAll()}
281
-
class="flex items-center rounded-md p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
281
+
class="flex items-center rounded-md p-1.5 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
282
282
>
283
-
<span class="iconify lucide--copy-check text-lg"></span>
283
+
<span class="iconify lucide--copy-check"></span>
284
284
</button>
285
285
}
286
286
/>
···
293
293
setRecreate(true);
294
294
setOpenDelete(true);
295
295
}}
296
-
class="flex items-center rounded-md p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
296
+
class="flex items-center rounded-md p-1.5 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
297
297
>
298
-
<span class="iconify lucide--recycle text-lg text-green-500 dark:text-green-400"></span>
298
+
<span class="iconify lucide--recycle text-green-500 dark:text-green-400"></span>
299
299
</button>
300
300
}
301
301
/>
···
308
308
setRecreate(false);
309
309
setOpenDelete(true);
310
310
}}
311
-
class="flex items-center rounded-md p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
311
+
class="flex items-center rounded-md p-1.5 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
312
312
>
313
-
<span class="iconify lucide--trash-2 text-lg text-red-500 dark:text-red-400"></span>
313
+
<span class="iconify lucide--trash-2 text-red-500 dark:text-red-400"></span>
314
314
</button>
315
315
}
316
316
/>
···
334
334
</div>
335
335
</Modal>
336
336
</Show>
337
-
<Tooltip text="Jetstream">
338
-
<A
339
-
href={`/jetstream?collections=${params.collection}&dids=${params.repo}`}
340
-
class="flex items-center rounded-md p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
341
-
>
342
-
<span class="iconify lucide--radio-tower text-lg"></span>
343
-
</A>
344
-
</Tooltip>
345
337
<TextInput
346
338
name="Filter"
347
339
placeholder="Filter by substring"
348
340
onInput={(e) => setFilter(e.currentTarget.value)}
349
341
class="grow"
350
342
/>
343
+
<Tooltip text="Jetstream">
344
+
<A
345
+
href={`/jetstream?collections=${params.collection}&dids=${params.repo}`}
346
+
class="flex items-center rounded-md p-1.5 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
347
+
>
348
+
<span class="iconify lucide--radio-tower"></span>
349
+
</A>
350
+
</Tooltip>
351
351
</div>
352
352
<Show when={records.length > 1}>
353
353
<div class="flex items-center justify-between gap-x-2">