vielle.dev
forked from
pds.ls/pdsls
atproto explorer
tweak record toolbar colors
handle.invalid
+1
-1
src/components/create.tsx
+1
-1
src/components/create.tsx
···
282
282
</Modal>
283
283
<Tooltip text={`${props.create ? "Create" : "Edit"} record`}>
284
284
<button
285
-
class={`flex items-center p-1 ${props.create ? "rounded-lg hover:bg-neutral-200 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-700" : "rounded-sm hover:bg-neutral-100 active:bg-neutral-100 dark:hover:bg-neutral-600 dark:active:bg-neutral-600"}`}
285
+
class={`flex items-center p-1 hover:bg-neutral-200 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-700 ${props.create ? "rounded-lg" : "rounded-sm"}`}
286
286
onclick={() => {
287
287
createModel();
288
288
setOpenDialog(true);
+5
-5
src/views/record.tsx
+5
-5
src/views/record.tsx
···
116
116
return (
117
117
<Show when={record()} keyed>
118
118
<div class="flex w-full flex-col items-center">
119
-
<div class="dark:shadow-dark-900/80 dark:bg-dark-300 my-3 flex w-[22rem] justify-between rounded-lg bg-white px-2 py-1.5 shadow-sm sm:w-[24rem]">
119
+
<div class="dark:shadow-dark-900/80 dark:bg-dark-300 my-3 flex w-[22rem] justify-between rounded-lg bg-neutral-50 px-2 py-1.5 shadow-sm sm:w-[24rem]">
120
120
<div class="flex gap-3 text-sm">
121
121
<A
122
122
classList={{
···
146
146
<RecordEditor create={false} record={record()?.value} refetch={refetch} />
147
147
<Tooltip text="Delete">
148
148
<button
149
-
class="flex items-center rounded-sm p-1 hover:bg-neutral-100 active:bg-neutral-100 dark:hover:bg-neutral-600 dark:active:bg-neutral-600"
149
+
class="flex items-center rounded-sm p-1 hover:bg-neutral-200 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-700"
150
150
onclick={() => setOpenDelete(true)}
151
151
>
152
152
<span class="iconify lucide--trash-2"></span>
···
169
169
</Show>
170
170
<Tooltip text="Copy record">
171
171
<button
172
-
class="flex items-center rounded-sm p-1 hover:bg-neutral-100 active:bg-neutral-100 dark:hover:bg-neutral-600 dark:active:bg-neutral-600"
172
+
class="flex items-center rounded-sm p-1 hover:bg-neutral-200 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-700"
173
173
onclick={() => addToClipboard(JSON.stringify(record()?.value, null, 2))}
174
174
>
175
175
<span class="iconify lucide--copy"></span>
···
179
179
{(externalLink) => (
180
180
<Tooltip text={`Open on ${externalLink().label}`}>
181
181
<a
182
-
class="flex items-center rounded-sm p-1 hover:bg-neutral-100 active:bg-neutral-100 dark:hover:bg-neutral-600 dark:active:bg-neutral-600"
182
+
class="flex items-center rounded-sm p-1 hover:bg-neutral-200 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-700"
183
183
target="_blank"
184
184
href={externalLink()?.link}
185
185
>
···
190
190
</Show>
191
191
<Tooltip text="Record on PDS">
192
192
<a
193
-
class="flex items-center rounded-sm p-1 hover:bg-neutral-100 active:bg-neutral-100 dark:hover:bg-neutral-600 dark:active:bg-neutral-600"
193
+
class="flex items-center rounded-sm p-1 hover:bg-neutral-200 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-700"
194
194
href={`https://${pds()}/xrpc/com.atproto.repo.getRecord?repo=${params.repo}&collection=${params.collection}&rkey=${params.rkey}`}
195
195
target="_blank"
196
196
>