vielle.dev
forked from
pds.ls/pdsls
atproto explorer
tweak icon size
handle.invalid
+9
-9
+2
-2
src/components/create.tsx
+2
-2
src/components/create.tsx
···
180
180
<span class="font-bold">{props.create ? "Creating" : "Editing"} record</span>
181
181
</div>
182
182
<div
183
-
class="i-lucide-x text-xl hover:text-neutral-400 dark:hover:text-neutral-500"
183
+
class="i-lucide-x text-xl hover:text-neutral-500 dark:hover:text-neutral-400"
184
184
onclick={() => setOpenDialog(false)}
185
185
/>
186
186
</div>
···
285
285
}}
286
286
>
287
287
<Tooltip text={`${props.create ? "Create" : "Edit"} record`}>
288
-
<div class={`${props.create ? "i-lucide-square-pen" : "i-lucide-pencil"} text-xl`} />
288
+
<div class={props.create ? "i-lucide-square-pen text-xl" : "i-lucide-pencil text-lg"} />
289
289
</Tooltip>
290
290
</button>
291
291
</>
+1
-1
src/layout.tsx
+1
-1
src/layout.tsx
···
80
80
</div>
81
81
<Show when={copyNotice()}>
82
82
<div class="backdrop-blur-xs border-0.5 dark:shadow-dark-900/80 dark:bg-dark-100/70 fixed bottom-10 z-50 flex items-center rounded-lg border-neutral-300 bg-neutral-100/70 p-2 shadow-md dark:border-neutral-700">
83
-
<div class="i-lucide-clipboard-check mr-1 text-xl" />
83
+
<div class="i-lucide-clipboard-check mr-1" />
84
84
Copied to clipboard
85
85
</div>
86
86
</Show>
+1
-1
src/views/labels.tsx
+1
-1
src/views/labels.tsx
+5
-5
src/views/record.tsx
+5
-5
src/views/record.tsx
···
123
123
<div class="dark:shadow-dark-900/80 dark:bg-dark-300 my-3 flex gap-3 rounded-full bg-white px-2.5 py-2 shadow-sm">
124
124
<Tooltip text="Copy record">
125
125
<button onclick={() => addToClipboard(JSON.stringify(record()?.value, null, 2))}>
126
-
<div class="i-lucide-copy text-xl" />
126
+
<div class="i-lucide-copy text-lg" />
127
127
</button>
128
128
</Tooltip>
129
129
<Show when={agent() && agent()?.sub === record()?.uri.split("/")[2]}>
···
131
131
<div class="relative flex">
132
132
<Tooltip text="Delete">
133
133
<button onclick={() => setOpenDelete(true)}>
134
-
<div class="i-lucide-trash-2 text-xl" />
134
+
<div class="i-lucide-trash-2 text-lg" />
135
135
</button>
136
136
</Tooltip>
137
137
<Modal open={openDelete()} onClose={() => setOpenDelete(false)}>
···
154
154
{(externalLink) => (
155
155
<Tooltip text={`Open on ${externalLink().label}`}>
156
156
<a target="_blank" href={externalLink()?.link}>
157
-
<div class={`${externalLink().icon ?? "i-lucide-app-window"} text-xl`} />
157
+
<div class={`${externalLink().icon ?? "i-lucide-app-window"} text-lg`} />
158
158
</a>
159
159
</Tooltip>
160
160
)}
···
164
164
href={`https://${pds()}/xrpc/com.atproto.repo.getRecord?repo=${params.repo}&collection=${params.collection}&rkey=${params.rkey}`}
165
165
target="_blank"
166
166
>
167
-
<div class="i-lucide-external-link text-xl" />
167
+
<div class="i-lucide-external-link text-lg" />
168
168
</a>
169
169
</Tooltip>
170
170
<Tooltip text={showBacklinks() ? "Show record" : "Show backlinks"}>
171
171
<button onclick={() => setShowBacklinks(!showBacklinks())}>
172
172
<div
173
-
class={`${showBacklinks() ? "i-lucide-file-json" : "i-lucide-send-to-back"} text-xl`}
173
+
class={`${showBacklinks() ? "i-lucide-file-json" : "i-lucide-send-to-back"} text-lg`}
174
174
/>
175
175
</button>
176
176
</Tooltip>