forked from
pds.ls/pdsls
atmosphere explorer
fix footer colors
+13
-5
+13
-5
src/views/home.tsx
+13
-5
src/views/home.tsx
···
11
11
}) => (
12
12
<a
13
13
href={props.href}
14
-
class={`relative flex items-center gap-1.5 after:absolute after:bottom-0 after:left-0 after:h-px after:w-0 after:bg-current after:text-${props.color} after:transition-[width] after:duration-300 after:ease-out hover:after:w-full ${props.darkColor ? `dark:after:text-${props.darkColor}` : ""}`}
14
+
class={`relative flex items-center gap-1.5 after:absolute after:bottom-0 after:left-0 after:h-px after:w-0 after:bg-current ${props.color} after:transition-[width] after:duration-300 after:ease-out hover:after:w-full ${props.darkColor ?? ""}`}
15
15
target="_blank"
16
16
>
17
17
{props.children}
···
158
158
</div>
159
159
160
160
<div class="flex justify-center gap-1.5 text-sm text-neutral-600 sm:gap-2 dark:text-neutral-300">
161
-
<FooterLink href="https://juli.ee" color="rose-400" darkColor="rose-300">
161
+
<FooterLink
162
+
href="https://juli.ee"
163
+
color="after:text-rose-400"
164
+
darkColor="dark:after:text-rose-300"
165
+
>
162
166
<span class="iconify lucide--terminal text-rose-400 dark:text-rose-300"></span>
163
167
<span class="font-pecita">juliet</span>
164
168
</FooterLink>
165
169
{/* • */}
166
-
{/* <FooterLink href="https://raycast.com/" color="[#FF6363]"> */}
170
+
{/* <FooterLink href="https://raycast.com/" color="after:text-[#FF6363]"> */}
167
171
{/* <span class="iconify-color i-raycast-light block dark:hidden"></span> */}
168
172
{/* <span class="iconify-color i-raycast-dark hidden dark:block"></span> */}
169
173
{/* Raycast */}
170
174
{/* </FooterLink> */}•
171
175
<FooterLink
172
176
href="https://bsky.app/profile/did:plc:6q5daed5gutiyerimlrnojnz"
173
-
color="[#0085ff]"
177
+
color="after:text-[#0085ff]"
174
178
>
175
179
<span class="simple-icons--bluesky iconify text-[#0085ff]"></span>
176
180
Bluesky
177
181
</FooterLink>
178
182
•
179
-
<FooterLink href="https://tangled.org/@pdsls.dev/pdsls/" color="black" darkColor="white">
183
+
<FooterLink
184
+
href="https://tangled.org/@pdsls.dev/pdsls/"
185
+
color="after:text-black"
186
+
darkColor="dark:after:text-white"
187
+
>
180
188
<span class="iconify i-tangled text-black dark:text-white"></span>
181
189
Source
182
190
</FooterLink>