style adjustments

This commit is contained in:
Ryan
2025-03-12 04:19:54 -04:00
committed by GitHub
parent 2d80822a5e
commit f9f21ae5d7
4 changed files with 438 additions and 90 deletions

View File

@@ -12,22 +12,26 @@ export function initUpload() {
// Helper function: set the drop area's default layout using CSS classes.
function setDropAreaDefault() {
if (dropArea) {
dropArea.innerHTML = `
<div id="uploadInstruction" class="upload-instruction">
Drop files here or click 'Choose files'
</div>
<div id="uploadFileRow" class="upload-file-row">
<button id="customChooseBtn" type="button">
Choose files
</button>
<div id="fileInfoContainer" class="file-info-container">
<span id="fileInfoDefault">No files selected</span>
dropArea.innerHTML = `
<div id="uploadInstruction" class="upload-instruction">
Drop files here or click 'Choose files'
</div>
</div>
`;
// (Optional: wire up the custom button if needed.)
<div id="uploadFileRow" class="upload-file-row">
<button id="customChooseBtn" type="button">
Choose files
</button>
</div>
<!-- New wrapper below the upload row -->
<div id="fileInfoWrapper" class="file-info-wrapper">
<div id="fileInfoContainer" class="file-info-container">
<span id="fileInfoDefault">No files selected</span>
</div>
</div>
`;
}
}
}
// Initialize drop area.
if (dropArea) {