atmosphere explorer
pds.ls
tool
typescript
atproto
remove icons in logs filter buttons
+9
-18
+9
-18
src/views/logs.tsx
+9
-18
src/views/logs.tsx
···
55
55
}
56
56
});
57
57
58
-
const FilterButton = (props: { icon: string; event: PlcEvent; label: string }) => {
58
+
const FilterButton = (props: { event: PlcEvent; label: string }) => {
59
59
const isActive = () => activePlcEvent() === props.event;
60
60
const toggleFilter = () => setActivePlcEvent(isActive() ? undefined : props.event);
61
61
62
62
return (
63
63
<button
64
64
classList={{
65
-
"flex items-center gap-1 sm:gap-1.5 rounded-lg px-3 py-2 sm:px-2 sm:py-1.5 text-base sm:text-sm transition-colors": true,
66
-
"bg-neutral-700 text-white dark:bg-neutral-200 dark:text-neutral-900": isActive(),
65
+
"font-medium rounded-lg px-2 py-1.5 text-xs sm:text-sm transition-colors": true,
66
+
"bg-neutral-700 text-white dark:bg-neutral-300 dark:text-neutral-900": isActive(),
67
67
"bg-neutral-200 text-neutral-700 hover:bg-neutral-300 dark:bg-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-600":
68
68
!isActive(),
69
69
}}
70
70
onclick={toggleFilter}
71
71
>
72
-
<span class={props.icon}></span>
73
-
<span class="hidden font-medium sm:inline">{props.label}</span>
72
+
{props.label}
74
73
</button>
75
74
);
76
75
};
···
255
254
<div class="iconify lucide--filter" />
256
255
<p class="font-medium">Filter by type</p>
257
256
</div>
258
-
<div class="flex flex-wrap gap-1 sm:gap-2">
259
-
<FilterButton icon="iconify lucide--at-sign" event="handle" label="Alias" />
260
-
<FilterButton icon="iconify lucide--hard-drive" event="service" label="Service" />
261
-
<FilterButton
262
-
icon="iconify lucide--shield-check"
263
-
event="verification_method"
264
-
label="Verification"
265
-
/>
266
-
<FilterButton
267
-
icon="iconify lucide--key-round"
268
-
event="rotation_key"
269
-
label="Rotation Key"
270
-
/>
257
+
<div class="flex flex-wrap gap-1">
258
+
<FilterButton event="handle" label="Alias" />
259
+
<FilterButton event="service" label="Service" />
260
+
<FilterButton event="verification_method" label="Verification" />
261
+
<FilterButton event="rotation_key" label="Rotation Key" />
271
262
</div>
272
263
</div>
273
264
<div class="flex items-center gap-1.5 text-sm font-medium">