atproto explorer pdsls.dev
atproto tool

fix tooltip capitalization

Changed files
+5 -5
src
+1 -1
src/components/navbar.tsx
···
</Show>
</div>
</div>
-
<Tooltip text={showHandle() ? "Show DID" : "Show Handle"}>
+
<Tooltip text={showHandle() ? "Show DID" : "Show handle"}>
<button
onclick={() => {
localStorage.showHandle = !showHandle();
+1 -1
src/components/tooltip.tsx
···
<Show when={!isTouchDevice}>
<span
style={`transform: translate(-50%, 28px)`}
-
class={`dark:shadow-dark-900/80 pointer-events-none absolute left-[50%] z-10 hidden min-w-fit rounded border-[0.5px] border-neutral-300 bg-white p-1 text-center font-sans text-xs whitespace-nowrap text-neutral-900 shadow-md select-none group-hover/tooltip:inline dark:border-neutral-600 dark:bg-neutral-800 dark:text-neutral-200`}
+
class={`dark:shadow-dark-900/80 pointer-events-none absolute left-[50%] z-10 hidden min-w-fit rounded border-[0.5px] border-neutral-300 bg-white p-1 text-center font-sans text-xs whitespace-nowrap text-neutral-900 shadow-md select-none group-hover/tooltip:inline first-letter:capitalize dark:border-neutral-600 dark:bg-neutral-800 dark:text-neutral-200`}
>
{props.text}
</span>
+1 -1
src/layout.tsx
···
<A href="/jetstream" class="iconify lucide--radio-tower text-xl"></A>
</Tooltip>
<Show when={agent()}>
-
<Tooltip text="Go to Repo">
+
<Tooltip text="Go to repo">
<A href={`/at://${agent()?.sub}`} class="iconify lucide--book-user text-xl"></A>
</Tooltip>
</Show>
+1 -1
src/views/collection.tsx
···
/>
<Show when={batchDelete()}>
<Tooltip
-
text="Select All"
+
text="Select all"
children={
<button onclick={() => selectAll()} class="flex items-center">
<span class="iconify lucide--copy-check text-lg"></span>
+1 -1
src/views/repo.tsx
···
</div>
<div class="text-sm">{didDocument().id}</div>
</div>
-
<Tooltip text="DID Document">
+
<Tooltip text="DID document">
<a
href={
did.startsWith("did:plc") ?