vielle.dev
forked from
pds.ls/pdsls
atproto explorer
adjust filter icon size and settings margin
handle.invalid
+8
-8
+6
-6
src/components/settings.tsx
+6
-6
src/components/settings.tsx
···
53
53
<>
54
54
<Modal open={openSettings()} onClose={() => setOpenSettings(false)}>
55
55
<div class="starting:opacity-0 w-22rem dark:bg-dark-800/70 border-0.5 dark:shadow-dark-900/80 backdrop-blur-xs left-50% absolute top-12 -translate-x-1/2 rounded-lg border-neutral-300 bg-neutral-200/70 p-4 text-neutral-900 shadow-md transition-opacity duration-300 dark:border-neutral-700 dark:text-neutral-200">
56
-
<div class="mb-3 flex items-center gap-1 font-bold">
56
+
<div class="mb-2 flex items-center gap-1 font-bold">
57
57
<div class="i-lucide-settings" />
58
58
<span>Settings</span>
59
59
</div>
···
63
63
classList={{
64
64
"basis-1/3 py-1 rounded-full justify-center flex items-center gap-1": true,
65
65
"bg-transparent hover:bg-neutral-100 dark:hover:bg-dark-200": !theme().system,
66
-
"bg-white dark:bg-neutral-600 font-semibold": theme().system,
66
+
"bg-white dark:bg-dark-100 font-semibold": theme().system,
67
67
}}
68
68
onclick={() =>
69
69
updateTheme({
···
93
93
"basis-1/3 py-1 justify-center rounded-full flex items-center gap-1": true,
94
94
"bg-transparent hover:bg-neutral-100 dark:hover:bg-dark-200":
95
95
theme().color !== "dark" || theme().system,
96
-
"bg-neutral-600 font-semibold": theme().color === "dark" && !theme().system,
96
+
"bg-dark-100 font-semibold": theme().color === "dark" && !theme().system,
97
97
}}
98
98
onclick={() => updateTheme({ color: "dark", system: false })}
99
99
>
···
101
101
Dark
102
102
</button>
103
103
</div>
104
-
<div class="mt-3 flex flex-col gap-1">
104
+
<div class="mt-2 flex flex-col gap-1">
105
105
<div class="flex flex-col gap-0.5">
106
106
<label for="constellation" class="select-none font-semibold">
107
107
Backlinks host
···
116
116
}}
117
117
/>
118
118
</div>
119
-
<div class="mt-3 flex flex-col gap-1">
119
+
<div class="mt-2 flex flex-col gap-1">
120
120
<div class="flex flex-col gap-0.5">
121
121
<label for="plcDirectory" class="select-none font-semibold">
122
122
PLC Directory
···
132
132
/>
133
133
</div>
134
134
</div>
135
-
<div class="mt-3 flex flex-col gap-1">
135
+
<div class="mt-2 flex flex-col gap-1">
136
136
<div class="flex items-center gap-1">
137
137
<input
138
138
id="showHandle"
+1
-1
src/views/pds.tsx
+1
-1
src/views/pds.tsx
+1
-1
src/views/repo.tsx
+1
-1
src/views/repo.tsx