vielle.dev
forked from
pds.ls/pdsls
atproto explorer
reposition upload button
juli.ee
+30
-36
src/components/create.tsx
+30
-36
src/components/create.tsx
···
268
/>
269
</div>
270
</Show>
271
-
<div class="flex justify-between">
272
-
<div class="flex items-center gap-x-2">
273
-
<label for="validate" class="min-w-20 select-none">
274
-
Validate
275
-
</label>
276
-
<select
277
-
name="validate"
278
-
id="validate"
279
-
class="dark:bg-dark-100 dark:shadow-dark-800 rounded-lg border-[0.5px] border-neutral-300 bg-white px-1 py-1 shadow-xs focus:outline-[1px] focus:outline-neutral-900 dark:border-neutral-700 dark:focus:outline-neutral-200"
280
-
>
281
-
<option value="unset">Unset</option>
282
-
<option value="true">True</option>
283
-
<option value="false">False</option>
284
-
</select>
285
-
</div>
286
-
<div class="dark:hover:bg-dark-200 dark:shadow-dark-800 dark:active:bg-dark-100 flex rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 text-xs shadow-xs hover:bg-neutral-100 active:bg-neutral-200 dark:border-neutral-700 dark:bg-neutral-800">
287
-
<input
288
-
type="file"
289
-
id="blob"
290
-
class="sr-only"
291
-
ref={blobInput}
292
-
onChange={(e) => {
293
-
if (e.target.files !== null) setOpenUpload(true);
294
-
}}
295
-
/>
296
-
<label class="flex items-center gap-1 px-2 py-1.5 select-none" for="blob">
297
-
<span class="iconify lucide--upload"></span>
298
-
Upload
299
-
</label>
300
-
</div>
301
-
<Modal
302
-
open={openUpload()}
303
-
onClose={() => setOpenUpload(false)}
304
-
closeOnClick={false}
305
>
306
-
<FileUpload file={blobInput.files![0]} />
307
-
</Modal>
308
</div>
309
</div>
310
<Editor
311
content={JSON.stringify(props.create ? placeholder() : props.record, null, 2)}
···
268
/>
269
</div>
270
</Show>
271
+
<div class="flex items-center gap-x-2">
272
+
<label for="validate" class="min-w-20 select-none">
273
+
Validate
274
+
</label>
275
+
<select
276
+
name="validate"
277
+
id="validate"
278
+
class="dark:bg-dark-100 dark:shadow-dark-800 rounded-lg border-[0.5px] border-neutral-300 bg-white px-1 py-1 shadow-xs focus:outline-[1px] focus:outline-neutral-900 dark:border-neutral-700 dark:focus:outline-neutral-200"
279
>
280
+
<option value="unset">Unset</option>
281
+
<option value="true">True</option>
282
+
<option value="false">False</option>
283
+
</select>
284
+
</div>
285
+
<div class="dark:hover:bg-dark-200 dark:shadow-dark-800 dark:active:bg-dark-100 flex w-fit rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 text-xs shadow-xs hover:bg-neutral-100 active:bg-neutral-200 dark:border-neutral-700 dark:bg-neutral-800">
286
+
<input
287
+
type="file"
288
+
id="blob"
289
+
class="sr-only"
290
+
ref={blobInput}
291
+
onChange={(e) => {
292
+
if (e.target.files !== null) setOpenUpload(true);
293
+
}}
294
+
/>
295
+
<label class="flex items-center gap-1 px-2 py-1.5 select-none" for="blob">
296
+
<span class="iconify lucide--upload"></span>
297
+
Upload
298
+
</label>
299
</div>
300
+
<Modal open={openUpload()} onClose={() => setOpenUpload(false)} closeOnClick={false}>
301
+
<FileUpload file={blobInput.files![0]} />
302
+
</Modal>
303
</div>
304
<Editor
305
content={JSON.stringify(props.create ? placeholder() : props.record, null, 2)}