audio streaming app
plyr.fm
reorder upload form: required fields first (#1108)
Move audio file input from near-bottom to right after track title,
so required fields (title, audio) appear before optional ones
(description, album, features, tags, artwork).
Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
authored by
nate nowack
Claude Opus 4.6
and committed by
GitHub
d1606ee3
4234764c
+20
-20
+20
-20
frontend/src/routes/upload/+page.svelte
+20
-20
frontend/src/routes/upload/+page.svelte
···
267
267
</div>
268
268
269
269
<div class="form-group">
270
+
<label for="file-input">audio file</label>
271
+
<input
272
+
id="file-input"
273
+
type="file"
274
+
accept={getFileInputAccept()}
275
+
onchange={handleFileChange}
276
+
required
277
+
/>
278
+
<p class="format-hint">
279
+
supported: {getAcceptedExtensions().map(e => e.slice(1)).join(", ")}
280
+
</p>
281
+
<PdsUploadNote />
282
+
{#if file}
283
+
<p class="file-info">
284
+
{file.name} ({(file.size / 1024 / 1024).toFixed(2)} MB)
285
+
</p>
286
+
{/if}
287
+
</div>
288
+
289
+
<div class="form-group">
270
290
<label for="description">description (optional)</label>
271
291
<textarea
272
292
id="description"
···
314
334
<input type="checkbox" bind:checked={autoTag} />
315
335
<span class="checkbox-text">auto-tag with recommended genres</span>
316
336
</label>
317
-
</div>
318
-
319
-
<div class="form-group">
320
-
<label for="file-input">audio file</label>
321
-
<input
322
-
id="file-input"
323
-
type="file"
324
-
accept={getFileInputAccept()}
325
-
onchange={handleFileChange}
326
-
required
327
-
/>
328
-
<p class="format-hint">
329
-
supported: {getAcceptedExtensions().map(e => e.slice(1)).join(", ")}
330
-
</p>
331
-
<PdsUploadNote />
332
-
{#if file}
333
-
<p class="file-info">
334
-
{file.name} ({(file.size / 1024 / 1024).toFixed(2)} MB)
335
-
</p>
336
-
{/if}
337
337
</div>
338
338
339
339
<div class="form-group">