vielle.dev
forked from
pds.ls/pdsls
atproto explorer
hrt
handle.invalid
+10
-1
src/layout.tsx
+10
-1
src/layout.tsx
···
24
24
const navigate = useNavigate();
25
25
let timeout: number;
26
26
27
+
if (location.search.includes("hrt=true")) localStorage.setItem("hrt", "true");
28
+
else if (location.search.includes("hrt=false")) localStorage.setItem("hrt", "false");
29
+
27
30
createEffect(async () => {
28
31
if (props.params.repo && !props.params.repo.startsWith("did:")) {
29
32
const did = await resolveHandle(props.params.repo as Handle);
···
52
55
<Meta name="robots" content="noindex, nofollow" />
53
56
</Show>
54
57
</MetaProvider>
55
-
<header class="dark:shadow-dark-800 dark:bg-dark-300 mb-4 flex w-full items-center justify-between rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-2 shadow-xs dark:border-neutral-700">
58
+
<header
59
+
classList={{
60
+
"dark:shadow-dark-800 dark:bg-dark-300 mb-4 flex w-full items-center justify-between rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-2 shadow-xs dark:border-neutral-700": true,
61
+
"bg-[linear-gradient(to_left,transparent_0%,#fafafa_30%),linear-gradient(to_bottom,#5BCEFA90_0%,#5BCEFA90_20%,#F5A9B890_20%,#F5A9B890_40%,#FFFFFF90_40%,#FFFFFF90_60%,#F5A9B890_60%,#F5A9B890_80%,#5BCEFA90_80%,#5BCEFA90_100%)] dark:bg-[linear-gradient(to_left,transparent_0%,#2d2d2d_30%),linear-gradient(to_bottom,#5BCEFA90_0%,#5BCEFA90_20%,#F5A9B890_20%,#F5A9B890_40%,#FFFFFF90_40%,#FFFFFF90_60%,#F5A9B890_60%,#F5A9B890_80%,#5BCEFA90_80%,#5BCEFA90_100%)]":
62
+
localStorage.getItem("hrt") === "true",
63
+
}}
64
+
>
56
65
<A
57
66
href="/"
58
67
style='font-feature-settings: "cv05"'