vielle.dev
forked from
pds.ls/pdsls
atproto explorer
smaller toolbar icons
handle.invalid
+5
-5
src/views/record.tsx
+5
-5
src/views/record.tsx
···
120
<div class="mt-3 break-words text-red-500 dark:text-red-400">{notice()}</div>
121
</Show>
122
<Show when={record()}>
123
-
<div class="w-22rem sm:w-24rem dark:shadow-dark-900/80 dark:bg-dark-300 my-3 flex justify-between rounded-lg bg-white p-2 shadow-sm">
124
<div class="flex gap-3 text-sm">
125
<button
126
classList={{
···
148
<div class="flex gap-3">
149
<Tooltip text="Copy record">
150
<button onclick={() => addToClipboard(JSON.stringify(record()?.value, null, 2))}>
151
-
<div class="i-lucide-copy text-lg" />
152
</button>
153
</Tooltip>
154
<Show when={agent() && agent()?.sub === record()?.uri.split("/")[2]}>
···
156
<div class="relative flex">
157
<Tooltip text="Delete">
158
<button onclick={() => setOpenDelete(true)}>
159
-
<div class="i-lucide-trash-2 text-lg" />
160
</button>
161
</Tooltip>
162
<Modal open={openDelete()} onClose={() => setOpenDelete(false)}>
···
179
{(externalLink) => (
180
<Tooltip text={`Open on ${externalLink().label}`}>
181
<a target="_blank" href={externalLink()?.link}>
182
-
<div class={`${externalLink().icon ?? "i-lucide-app-window"} text-lg`} />
183
</a>
184
</Tooltip>
185
)}
···
189
href={`https://${pds()}/xrpc/com.atproto.repo.getRecord?repo=${params.repo}&collection=${params.collection}&rkey=${params.rkey}`}
190
target="_blank"
191
>
192
-
<div class="i-lucide-external-link text-lg" />
193
</a>
194
</Tooltip>
195
</div>
···
120
<div class="mt-3 break-words text-red-500 dark:text-red-400">{notice()}</div>
121
</Show>
122
<Show when={record()}>
123
+
<div class="w-22rem sm:w-24rem dark:shadow-dark-900/80 dark:bg-dark-300 my-3 flex justify-between rounded-lg bg-white px-2 py-1.5 shadow-sm">
124
<div class="flex gap-3 text-sm">
125
<button
126
classList={{
···
148
<div class="flex gap-3">
149
<Tooltip text="Copy record">
150
<button onclick={() => addToClipboard(JSON.stringify(record()?.value, null, 2))}>
151
+
<div class="i-lucide-copy" />
152
</button>
153
</Tooltip>
154
<Show when={agent() && agent()?.sub === record()?.uri.split("/")[2]}>
···
156
<div class="relative flex">
157
<Tooltip text="Delete">
158
<button onclick={() => setOpenDelete(true)}>
159
+
<div class="i-lucide-trash-2" />
160
</button>
161
</Tooltip>
162
<Modal open={openDelete()} onClose={() => setOpenDelete(false)}>
···
179
{(externalLink) => (
180
<Tooltip text={`Open on ${externalLink().label}`}>
181
<a target="_blank" href={externalLink()?.link}>
182
+
<div class={`${externalLink().icon ?? "i-lucide-app-window"}`} />
183
</a>
184
</Tooltip>
185
)}
···
189
href={`https://${pds()}/xrpc/com.atproto.repo.getRecord?repo=${params.repo}&collection=${params.collection}&rkey=${params.rkey}`}
190
target="_blank"
191
>
192
+
<div class="i-lucide-external-link" />
193
</a>
194
</Tooltip>
195
</div>