atproto explorer pdsls.dev
atproto tool

fix submenu padding

juli.ee 32faa492 fd2796a1

verified
Changed files
+8 -8
src
+4 -4
src/components/dropdown.tsx
···
addToClipboard(props.content);
ctx?.setShowMenu(false);
}}
-
class="flex items-center gap-1.5 rounded-md p-1 whitespace-nowrap hover:bg-neutral-200/50 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
>
<Show when={props.icon}>
<span class={"iconify shrink-0 " + props.icon}></span>
···
<A
href={props.href}
onClick={() => ctx?.setShowMenu(false)}
-
class="flex items-center gap-1.5 rounded-md p-1 hover:bg-neutral-200/50 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
classList={{ "justify-between": props.external }}
target={props.newTab ? "_blank" : undefined}
>
···
return (
<button
onClick={props.onClick}
-
class="flex items-center gap-1.5 rounded-md p-1 whitespace-nowrap hover:bg-neutral-200/50 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
>
<Show when={props.icon}>
<span class={"iconify shrink-0 " + props.icon}></span>
···
<div
ref={setMenu}
class={
-
"dark:bg-dark-300 dark:shadow-dark-700 absolute right-0 z-40 flex flex-col rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 shadow-md dark:border-neutral-700 " +
props.menuClass
}
>
···
addToClipboard(props.content);
ctx?.setShowMenu(false);
}}
+
class="flex items-center gap-2 rounded-md p-1.5 whitespace-nowrap hover:bg-neutral-200/50 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
>
<Show when={props.icon}>
<span class={"iconify shrink-0 " + props.icon}></span>
···
<A
href={props.href}
onClick={() => ctx?.setShowMenu(false)}
+
class="flex items-center gap-2 rounded-md p-1.5 hover:bg-neutral-200/50 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
classList={{ "justify-between": props.external }}
target={props.newTab ? "_blank" : undefined}
>
···
return (
<button
onClick={props.onClick}
+
class="flex items-center gap-2 rounded-md p-1.5 whitespace-nowrap hover:bg-neutral-200/50 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
>
<Show when={props.icon}>
<span class={"iconify shrink-0 " + props.icon}></span>
···
<div
ref={setMenu}
class={
+
"dark:bg-dark-300 dark:shadow-dark-700 absolute right-0 z-40 flex min-w-40 flex-col rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-2 shadow-md dark:border-neutral-700 " +
props.menuClass
}
>
+1 -1
src/layout.tsx
···
<DropdownMenu
icon="lucide--menu text-lg"
buttonClass="rounded-lg p-1.5"
-
menuClass="top-11 px-3 py-2 text-sm"
>
<NavMenu href="/jetstream" label="Jetstream" icon="lucide--radio-tower" />
<NavMenu href="/firehose" label="Firehose" icon="lucide--droplet" />
···
<DropdownMenu
icon="lucide--menu text-lg"
buttonClass="rounded-lg p-1.5"
+
menuClass="top-11 text-sm"
>
<NavMenu href="/jetstream" label="Jetstream" icon="lucide--radio-tower" />
<NavMenu href="/firehose" label="Firehose" icon="lucide--droplet" />
+1 -1
src/views/pds.tsx
···
<DropdownMenu
icon="lucide--ellipsis-vertical"
buttonClass="rounded-sm p-1.5"
-
menuClass="top-9 p-2 text-sm"
>
<CopyMenu content={params.pds!} label="Copy PDS" icon="lucide--copy" />
<NavMenu
···
<DropdownMenu
icon="lucide--ellipsis-vertical"
buttonClass="rounded-sm p-1.5"
+
menuClass="top-9 text-sm"
>
<CopyMenu content={params.pds!} label="Copy PDS" icon="lucide--copy" />
<NavMenu
+1 -1
src/views/record.tsx
···
<DropdownMenu
icon="lucide--ellipsis-vertical"
buttonClass="rounded-sm p-1.5"
-
menuClass="top-9 p-2 text-sm"
>
<CopyMenu
content={JSON.stringify(record()?.value, null, 2)}
···
<DropdownMenu
icon="lucide--ellipsis-vertical"
buttonClass="rounded-sm p-1.5"
+
menuClass="top-9 text-sm"
>
<CopyMenu
content={JSON.stringify(record()?.value, null, 2)}
+1 -1
src/views/repo.tsx
···
<DropdownMenu
icon="lucide--ellipsis-vertical"
buttonClass="rounded-sm p-1.5"
-
menuClass="top-9 p-2 text-sm"
>
<CopyMenu content={params.repo!} label="Copy DID" icon="lucide--copy" />
<NavMenu
···
<DropdownMenu
icon="lucide--ellipsis-vertical"
buttonClass="rounded-sm p-1.5"
+
menuClass="top-9 text-sm"
>
<CopyMenu content={params.repo!} label="Copy DID" icon="lucide--copy" />
<NavMenu