atproto explorer pdsls.dev
atproto tool

move header icons

Changed files
+12 -17
src
components
+1 -11
src/components/search.tsx
···
import { resolveHandle } from "../utils/api.js";
-
import { A, useNavigate } from "@solidjs/router";
-
import Tooltip from "./tooltip.jsx";
import { createSignal, Show } from "solid-js";
-
import { agent } from "../components/login.jsx";
import { Handle } from "@atcute/lexicons";
const Search = () => {
···
></button>
</Show>
</div>
-
<Show when={agent()}>
-
<Tooltip
-
text="Repository"
-
children={
-
<A href={`/at://${agent()?.sub}`} class="iconify lucide--book-user text-xl"></A>
-
}
-
/>
-
</Show>
</div>
</form>
);
···
import { resolveHandle } from "../utils/api.js";
+
import { useNavigate } from "@solidjs/router";
import { createSignal, Show } from "solid-js";
import { Handle } from "@atcute/lexicons";
const Search = () => {
···
></button>
</Show>
</div>
</div>
</form>
);
+11 -6
src/layout.tsx
···
<Meta name="robots" content="noindex, nofollow" />
</Show>
</MetaProvider>
-
<div class="mb-3 flex w-[22rem] items-center sm:w-[24rem]">
<div class="flex basis-1/3 gap-x-2">
<Tooltip text="Relay">
<A href="/jetstream" class="iconify lucide--radio-tower text-xl"></A>
</Tooltip>
-
<AccountManager />
</div>
<div class="flex basis-1/3 items-center justify-center text-center">
<A
···
</A>
</div>
<div class="flex basis-1/3 items-center justify-end gap-x-2">
-
<Show when={agent()}>
-
<RecordEditor create={true} />
-
</Show>
<Settings />
</div>
-
</div>
<div class="dark:bg-dark-500 z-1 mb-4 flex max-w-full min-w-[22rem] flex-col items-center bg-neutral-100 text-pretty sm:min-w-[24rem] md:max-w-[48rem]">
<Show when={location.pathname !== "/jetstream" && location.pathname !== "/firehose"}>
<Search />
···
<Meta name="robots" content="noindex, nofollow" />
</Show>
</MetaProvider>
+
<header class="mb-3 flex w-[22rem] items-center sm:w-[24rem]">
<div class="flex basis-1/3 gap-x-2">
<Tooltip text="Relay">
<A href="/jetstream" class="iconify lucide--radio-tower text-xl"></A>
</Tooltip>
+
<Show when={agent()}>
+
<Tooltip text="Go to Repo">
+
<A href={`/at://${agent()?.sub}`} class="iconify lucide--book-user text-xl"></A>
+
</Tooltip>
+
</Show>
+
<Show when={agent()}>
+
<RecordEditor create={true} />
+
</Show>
</div>
<div class="flex basis-1/3 items-center justify-center text-center">
<A
···
</A>
</div>
<div class="flex basis-1/3 items-center justify-end gap-x-2">
+
<AccountManager />
<Settings />
</div>
+
</header>
<div class="dark:bg-dark-500 z-1 mb-4 flex max-w-full min-w-[22rem] flex-col items-center bg-neutral-100 text-pretty sm:min-w-[24rem] md:max-w-[48rem]">
<Show when={location.pathname !== "/jetstream" && location.pathname !== "/firehose"}>
<Search />