audio/noiz
2
0
Fork 0
mirror of https://codeberg.org/armin/noiz.git synced 2026-09-01 05:50:52 +02:00
Code Issues Projects Releases Packages Wiki Activity

move filename field to bottom of tag editor, make full width

Browse source
This commit is contained in:
Armin 2026-07-09 12:27:35 +02:00
commit 59b771cd2d
1 changed files with 2 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

3
index.html
View file

@ -45,6 +45,7 @@ canvas { width: 100%; height: 100px; border-radius: 6px; display: block; }
#tagEditorModal h3 { margin-bottom: 16px; color: #c6c8d1; font-size: 14px; font-weight: 600; } #tagEditorModal h3 { margin-bottom: 16px; color: #c6c8d1; font-size: 14px; font-weight: 600; }
.tag-editor-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .tag-editor-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.tag-editor-fields label { display: flex; flex-direction: column; gap: 2px; margin-bottom: 0; font-size: 11px; color: #6b7089; text-transform: uppercase; letter-spacing: .4px; } .tag-editor-fields label { display: flex; flex-direction: column; gap: 2px; margin-bottom: 0; font-size: 11px; color: #6b7089; text-transform: uppercase; letter-spacing: .4px; }
.tag-editor-fields label.full-width { grid-column: 1 / -1; }
#tagEditorModal input, #tagEditorModal select { background: #161821; border: 1px solid #272c42; color: #c6c8d1; padding: 6px 8px; border-radius: 4px; font-size: 12px; outline: none; } #tagEditorModal input, #tagEditorModal select { background: #161821; border: 1px solid #272c42; color: #c6c8d1; padding: 6px 8px; border-radius: 4px; font-size: 12px; outline: none; }
#tagEditorModal input:focus, #tagEditorModal select:focus { border-color: #84a0c6; } #tagEditorModal input:focus, #tagEditorModal select:focus { border-color: #84a0c6; }
.tag-editor-buttons { display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px; } .tag-editor-buttons { display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px; }
@ -275,7 +276,6 @@ footer .footer-track { flex: 1; min-width: 0; white-space: nowrap; overflow: hid
<div id="tagEditorModal"> <div id="tagEditorModal">
<h3>Edit Tags</h3> <h3>Edit Tags</h3>
<div class="tag-editor-fields"> <div class="tag-editor-fields">
<label>Filename <input type="text" id="tagFilename" readonly onfocus="this.select()"></label>
<label>Name <input type="text" id="tagName"></label> <label>Name <input type="text" id="tagName"></label>
<label>Artist <input type="text" id="tagArtist"></label> <label>Artist <input type="text" id="tagArtist"></label>
<label>Album <input type="text" id="tagAlbum"></label> <label>Album <input type="text" id="tagAlbum"></label>
@ -286,6 +286,7 @@ footer .footer-track { flex: 1; min-width: 0; white-space: nowrap; overflow: hid
<label>Composer <input type="text" id="tagComposer"></label> <label>Composer <input type="text" id="tagComposer"></label>
<label>URL <input type="text" id="tagUrl"></label> <label>URL <input type="text" id="tagUrl"></label>
<label>Encoded By <input type="text" id="tagEncodedBy"></label> <label>Encoded By <input type="text" id="tagEncodedBy"></label>
<label class="full-width">Filename <input type="text" id="tagFilename" readonly onfocus="this.select()"></label>
</div> </div>
<datalist id="genreList"></datalist> <datalist id="genreList"></datalist>
<div class="tag-editor-buttons"> <div class="tag-editor-buttons">