atproto explorer pdsls.dev
atproto tool

fix navbar icon sizes

juli.ee 82c0f4b1 0d3ad12b

verified
Changed files
+2 -2
src
components
+2 -2
src/components/navbar.tsx
···
<MenuProvider>
<DropdownMenu
icon="lucide--copy"
-
buttonClass="rounded p-1 text-base transition-all duration-200 hover:bg-neutral-200/70 active:bg-neutral-300/70 dark:hover:bg-neutral-700/70 dark:active:bg-neutral-600/70"
+
buttonClass="rounded p-0.5 sm:p-1 text-base transition-all duration-200 hover:bg-neutral-200/70 active:bg-neutral-300/70 dark:hover:bg-neutral-700/70 dark:active:bg-neutral-600/70"
menuClass="top-7 p-2 text-xs"
>
<Show when={pds()}>
···
</div>
<Tooltip text={showHandle() ? "Show DID" : "Show handle"}>
<button
-
class="flex items-center rounded p-1 text-base transition-all duration-200 hover:bg-neutral-200/70 active:bg-neutral-300/70 dark:hover:bg-neutral-700/70 dark:active:bg-neutral-600/70"
+
class="flex items-center rounded p-0.5 text-base transition-all duration-200 hover:bg-neutral-200/70 active:bg-neutral-300/70 sm:p-1 dark:hover:bg-neutral-700/70 dark:active:bg-neutral-600/70"
onclick={() => {
localStorage.showHandle = !showHandle();
setShowHandle(!showHandle());