atmosphere explorer
pds.ls
tool
typescript
atproto
add ribbon to hrt=true
+9
-2
public/ribbon.webp
public/ribbon.webp
This is a binary file and will not be displayed.
+9
-2
src/layout.tsx
+9
-2
src/layout.tsx
···
125
125
</Show>
126
126
</MetaProvider>
127
127
<header
128
-
class={`dark:shadow-dark-700 mb-3 flex w-full items-center justify-between rounded-xl border-[0.5px] border-neutral-300 bg-neutral-50 bg-size-[95%] bg-right bg-no-repeat p-2 pl-3 shadow-xs [--header-bg:#fafafa] dark:border-neutral-700 dark:bg-neutral-800 dark:[--header-bg:#262626] ${localStorage.getItem("hrt") === "true" ? "bg-[linear-gradient(to_left,transparent_10%,var(--header-bg)_85%),linear-gradient(to_bottom,#5BCEFA90_0%,#5BCEFA90_20%,#F5A9B890_20%,#F5A9B890_40%,#FFFFFF90_40%,#FFFFFF90_60%,#F5A9B890_60%,#F5A9B890_80%,#5BCEFA90_80%,#5BCEFA90_100%)]" : ""}`}
128
+
class={`dark:shadow-dark-700 mb-3 flex w-full items-center justify-between rounded-xl border-[0.5px] border-neutral-300 bg-neutral-50 bg-size-[95%] bg-right bg-no-repeat p-2 pl-3 shadow-xs [--header-bg:#fafafa] [--trans-blue:#5BCEFA90] [--trans-pink:#F5A9B890] [--trans-white:#FFFFFF90] dark:border-neutral-700 dark:bg-neutral-800 dark:[--header-bg:#262626] dark:[--trans-blue:#5BCEFAa0] dark:[--trans-pink:#F5A9B8a0] dark:[--trans-white:#FFFFFFa0] ${localStorage.getItem("hrt") === "true" ? "bg-[linear-gradient(to_left,transparent_10%,var(--header-bg)_85%),linear-gradient(to_bottom,var(--trans-blue)_0%,var(--trans-blue)_20%,var(--trans-pink)_20%,var(--trans-pink)_40%,var(--trans-white)_40%,var(--trans-white)_60%,var(--trans-pink)_60%,var(--trans-pink)_80%,var(--trans-blue)_80%,var(--trans-blue)_100%)]" : ""}`}
129
129
style={{
130
130
"background-image":
131
131
props.params.repo && props.params.repo in headers ?
···
136
136
<A
137
137
href="/"
138
138
style='font-feature-settings: "cv05"'
139
-
class="flex items-center gap-1 text-xl font-semibold"
139
+
class="relative flex items-center gap-1 text-xl font-semibold"
140
140
>
141
141
<span class="iconify tabler--binary-tree-filled text-[#76c4e5]"></span>
142
142
<span>PDSls</span>
143
+
<Show when={localStorage.getItem("hrt") === "true"}>
144
+
<img
145
+
src="/ribbon.webp"
146
+
alt=""
147
+
class="pointer-events-none absolute -top-3 -right-4 w-8 rotate-15"
148
+
/>
149
+
</Show>
143
150
</A>
144
151
<div class="relative flex items-center gap-0.5 rounded-lg bg-neutral-50/60 px-1 py-0.5 dark:bg-neutral-800/60">
145
152
<SearchButton />