atmosphere explorer
pds.ls
tool
typescript
atproto
only show icon filters on mobile
+2
-2
+2
-2
src/views/logs.tsx
+2
-2
src/views/logs.tsx
···
44
44
return (
45
45
<button
46
46
classList={{
47
-
"flex items-center gap-1 sm:gap-1.5 rounded-lg px-2 py-1.5 text-xs sm:text-sm transition-colors": true,
47
+
"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,
48
48
"bg-neutral-700 text-white dark:bg-neutral-200 dark:text-neutral-900": isActive(),
49
49
"bg-neutral-200 text-neutral-700 hover:bg-neutral-300 dark:bg-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-600":
50
50
!isActive(),
···
52
52
onclick={toggleFilter}
53
53
>
54
54
<span class={props.icon}></span>
55
-
<span class="font-medium">{props.label}</span>
55
+
<span class="hidden font-medium sm:inline">{props.label}</span>
56
56
</button>
57
57
);
58
58
};