forked from
pds.ls/pdsls
atmosphere explorer
adjust rounding
+33
-37
+1
-1
src/components/login.tsx
+1
-1
src/components/login.tsx
···
83
83
/>
84
84
<button
85
85
onclick={() => login(loginInput())}
86
-
class="flex items-center rounded-lg p-1 hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-600 dark:active:bg-neutral-500"
86
+
class="flex items-center rounded-md p-1 hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-600 dark:active:bg-neutral-500"
87
87
>
88
88
<span class="iconify lucide--log-in"></span>
89
89
</button>
+2
-2
src/components/search.tsx
+2
-2
src/components/search.tsx
···
238
238
<Show when={input()} fallback={ListUrlsTooltip()}>
239
239
<button
240
240
type="button"
241
-
class="flex items-center rounded-lg p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-600 dark:active:bg-neutral-500"
241
+
class="flex items-center rounded-md p-1 hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-600 dark:active:bg-neutral-500"
242
242
onClick={() => setInput(undefined)}
243
243
>
244
244
<span class="iconify lucide--x"></span>
···
352
352
</Modal>
353
353
<button
354
354
type="button"
355
-
class="flex items-center rounded-lg p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-600 dark:active:bg-neutral-500"
355
+
class="flex items-center rounded-md p-1 hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-600 dark:active:bg-neutral-500"
356
356
onClick={() => setOpenList(true)}
357
357
>
358
358
<span class="iconify lucide--help-circle"></span>
+5
-5
src/views/collection.tsx
+5
-5
src/views/collection.tsx
···
207
207
setLastSelected(undefined);
208
208
setBatchDelete(!batchDelete());
209
209
}}
210
-
class="flex items-center rounded-lg p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
210
+
class="flex items-center rounded-md p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
211
211
>
212
212
<span
213
213
class={`iconify text-lg ${batchDelete() ? "lucide--circle-x" : "lucide--trash-2"} `}
···
221
221
children={
222
222
<button
223
223
onclick={() => selectAll()}
224
-
class="flex items-center rounded-lg p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
224
+
class="flex items-center rounded-md p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
225
225
>
226
226
<span class="iconify lucide--copy-check text-lg"></span>
227
227
</button>
···
235
235
setRecreate(true);
236
236
setOpenDelete(true);
237
237
}}
238
-
class="flex items-center rounded-lg p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
238
+
class="flex items-center rounded-md p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
239
239
>
240
240
<span class="iconify lucide--recycle text-lg text-green-500 dark:text-green-400"></span>
241
241
</button>
···
249
249
setRecreate(false);
250
250
setOpenDelete(true);
251
251
}}
252
-
class="flex items-center rounded-lg p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
252
+
class="flex items-center rounded-md p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
253
253
>
254
254
<span class="iconify lucide--trash-2 text-lg text-red-500 dark:text-red-400"></span>
255
255
</button>
···
278
278
<Tooltip text="Jetstream">
279
279
<A
280
280
href={`/jetstream?collections=${params.collection}&dids=${params.repo}`}
281
-
class="flex items-center rounded-lg p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
281
+
class="flex items-center rounded-md p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
282
282
>
283
283
<span class="iconify lucide--radio-tower text-lg"></span>
284
284
</A>
+14
-16
src/views/pds.tsx
+14
-16
src/views/pds.tsx
···
59
59
<div class="flex items-center">
60
60
<A
61
61
href={`/at://${repo.did}`}
62
-
class="grow truncate rounded py-0.5 font-mono hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
62
+
class="grow truncate rounded-md p-0.5 font-mono hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
63
63
>
64
64
{repo.did}
65
65
</A>
···
70
70
</Show>
71
71
<button
72
72
onclick={() => setOpenInfo(true)}
73
-
class="flex items-center rounded-lg p-1.5 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
73
+
class="flex items-center rounded-md p-1.5 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
74
74
>
75
75
<span class="iconify lucide--info"></span>
76
76
</button>
···
111
111
};
112
112
113
113
const Tab = (props: { tab: "repos" | "info"; label: string }) => (
114
-
<div class="flex items-center gap-0.5">
115
-
<A
116
-
classList={{
117
-
"flex items-center gap-1 border-b-2": true,
118
-
"border-transparent hover:border-neutral-400 dark:hover:border-neutral-600":
119
-
(!!location.hash && location.hash !== `#${props.tab}`) ||
120
-
(!location.hash && props.tab !== "repos"),
121
-
}}
122
-
href={`/${params.pds}#${props.tab}`}
123
-
>
124
-
{props.label}
125
-
</A>
126
-
</div>
114
+
<A
115
+
classList={{
116
+
"border-b-2": true,
117
+
"border-transparent hover:border-neutral-400 dark:hover:border-neutral-600":
118
+
(!!location.hash && location.hash !== `#${props.tab}`) ||
119
+
(!location.hash && props.tab !== "repos"),
120
+
}}
121
+
href={`/${params.pds}#${props.tab}`}
122
+
>
123
+
{props.label}
124
+
</A>
127
125
);
128
126
129
127
return (
130
128
<Show when={repos() || response()}>
131
129
<div class="flex w-full flex-col">
132
130
<div class="dark:shadow-dark-700 dark:bg-dark-300 mb-2 flex w-full justify-between rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-2 text-sm shadow-xs dark:border-neutral-700">
133
-
<div class="ml-1 flex gap-3">
131
+
<div class="ml-1 flex items-center gap-3">
134
132
<Tab tab="repos" label="Repositories" />
135
133
<Tab tab="info" label="Info" />
136
134
</div>
+2
-2
src/views/record.tsx
+2
-2
src/views/record.tsx
···
362
362
<div class="flex items-center gap-0.5">
363
363
<A
364
364
classList={{
365
-
"flex items-center gap-1 border-b-2": true,
365
+
"border-b-2": true,
366
366
"border-transparent hover:border-neutral-400 dark:hover:border-neutral-600":
367
367
!isActive(),
368
368
}}
···
381
381
<Show when={record()} keyed>
382
382
<div class="flex w-full flex-col items-center">
383
383
<div class="dark:shadow-dark-700 dark:bg-dark-300 mb-3 flex w-full justify-between rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-2 text-sm shadow-xs dark:border-neutral-700">
384
-
<div class="ml-1 flex gap-3">
384
+
<div class="ml-1 flex items-center gap-3">
385
385
<RecordTab tab="record" label="Record" />
386
386
<RecordTab tab="schema" label="Schema" />
387
387
<RecordTab tab="backlinks" label="Backlinks" />
+9
-11
src/views/repo.tsx
+9
-11
src/views/repo.tsx
···
86
86
};
87
87
88
88
return (
89
-
<A class="flex items-center" href={`/at://${params.repo}#${props.tab}`}>
90
-
<span
91
-
classList={{
92
-
"flex items-center border-b-2": true,
93
-
"border-transparent hover:border-neutral-400 dark:hover:border-neutral-600":
94
-
!isActive(),
95
-
}}
96
-
>
97
-
{props.label}
98
-
</span>
89
+
<A
90
+
classList={{
91
+
"border-b-2": true,
92
+
"border-transparent hover:border-neutral-400 dark:hover:border-neutral-600": !isActive(),
93
+
}}
94
+
href={`/at://${params.repo}#${props.tab}`}
95
+
>
96
+
{props.label}
99
97
</A>
100
98
);
101
99
};
···
274
272
<Show when={repo()}>
275
273
<div class="flex w-full flex-col gap-3 wrap-break-word">
276
274
<div class="dark:shadow-dark-700 dark:bg-dark-300 flex justify-between rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-2 text-sm shadow-xs dark:border-neutral-700">
277
-
<div class="ml-1 flex gap-2 text-xs sm:gap-4 sm:text-sm">
275
+
<div class="ml-1 flex items-center gap-2 text-xs sm:gap-4 sm:text-sm">
278
276
<Show when={!error()}>
279
277
<RepoTab tab="collections" label="Collections" />
280
278
</Show>