audio streaming app plyr.fm
38
fork

Configure Feed

Select the types of activity you want to include in your feed.

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
··· 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">