forked from
pds.ls/pdsls
this repo has no description
move links to menu
+18
-17
+5
src/components/dropdown.tsx
+5
src/components/dropdown.tsx
···
48
48
label: string;
49
49
icon?: string;
50
50
newTab?: boolean;
51
+
external?: boolean;
51
52
}) => {
52
53
const ctx = useContext(MenuContext);
53
54
···
56
57
href={props.href}
57
58
onClick={() => ctx?.setShowMenu(false)}
58
59
class="flex items-center gap-1.5 rounded-lg p-1 hover:bg-neutral-200/50 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
60
+
classList={{ "justify-between": props.external }}
59
61
target={props.newTab ? "_blank" : undefined}
60
62
>
61
63
<Show when={props.icon}>
62
64
<span class={"iconify shrink-0 " + props.icon}></span>
63
65
</Show>
64
66
<span class="whitespace-nowrap">{props.label}</span>
67
+
<Show when={props.external}>
68
+
<span class="iconify lucide--external-link"></span>
69
+
</Show>
65
70
</A>
66
71
);
67
72
};
+13
-1
src/layout.tsx
+13
-1
src/layout.tsx
···
154
154
<DropdownMenu
155
155
icon="lucide--menu text-xl"
156
156
buttonClass="rounded-lg p-1"
157
-
menuClass="top-10 p-3"
157
+
menuClass="top-10 p-3 text-sm"
158
158
>
159
159
<NavMenu href="/jetstream" label="Jetstream" />
160
160
<NavMenu href="/firehose" label="Firehose" />
161
161
<NavMenu href="/settings" label="Settings" />
162
+
<NavMenu
163
+
href="https://bsky.app/profile/did:plc:6q5daed5gutiyerimlrnojnz"
164
+
label="Bluesky"
165
+
newTab
166
+
external
167
+
/>
168
+
<NavMenu
169
+
href="https://tangled.org/@pdsls.dev/pdsls/"
170
+
label="Source"
171
+
newTab
172
+
external
173
+
/>
162
174
<ThemeSelection />
163
175
</DropdownMenu>
164
176
</MenuProvider>
-16
src/views/home.tsx
-16
src/views/home.tsx
···
38
38
<span>Query labels from moderation services.</span>
39
39
</div>
40
40
</div>
41
-
<div class="flex gap-2 text-xl">
42
-
<a
43
-
href="https://tangled.org/@pdsls.dev/pdsls/"
44
-
target="_blank"
45
-
class="flex rounded-full bg-neutral-200 p-1.5 transition-colors duration-300 hover:bg-neutral-700 hover:text-neutral-200 dark:bg-neutral-700 dark:hover:bg-neutral-200 dark:hover:text-neutral-700"
46
-
>
47
-
<span class="iconify i-tangled"></span>
48
-
</a>
49
-
<a
50
-
href="https://bsky.app/profile/did:plc:6q5daed5gutiyerimlrnojnz"
51
-
target="_blank"
52
-
class="flex rounded-full bg-neutral-200 p-1.5 transition-colors duration-300 hover:bg-neutral-700 hover:text-neutral-200 dark:bg-neutral-700 dark:hover:bg-neutral-200 dark:hover:text-neutral-700"
53
-
>
54
-
<span class="iconify ri--bluesky"></span>
55
-
</a>
56
-
</div>
57
41
<div class="text-center text-sm italic">
58
42
Made by{" "}
59
43
<a